参考资料

  1. HTML 数学符号
  2. 用于长引用的 HTML
  3. HTML 表格高度和宽度
  4. HTML "计算机输出"标记
  5. HTML 中最常用的
  6. HTML 提示
  7. HTML 内联 元素
  8. HTML 文字方向格式化

HTML/JS 互转工具

1. html2canvas

简介:将HTML元素转换为Canvas图像

官网https://html2canvas.hertzen.com/

下载地址

功能说明

  • 将网页中的DOM元素渲染为Canvas

  • 支持大部分CSS样式

  • 可生成PNG/JPEG图像

  • 支持跨域图片处理

最新版本(v1.4.1)更新内容

  • 修复了transform样式的问题

  • 改进了文本渲染

  • 修复了SVG背景的问题

2. jsPDF

简介:将HTML/JavaScript内容转换为PDF文档

官网https://parall.ax/products/jspdf

下载地址

功能说明

  • 从HTML生成PDF文档

  • 支持文本、图像、矢量图形

  • 可设置页面大小和方向

  • 支持自定义字体

最新版本(v2.5.1)更新内容

  • 新增对ES模块的支持

  • 改进了Unicode字符处理

  • 修复了PDF/A兼容性问题

3. html-to-image

简介:将HTML节点转换为图像

官网https://github.com/bubkoo/html-to-image

下载地址

功能说明

  • 生成PNG/JPEG/SVG图像

  • 支持自定义背景

  • 可处理Web字体和图像

  • 轻量级解决方案

最新版本(v1.11.11)更新内容

  • 修复了字体加载问题

  • 改进了SVG输出质量

  • 优化了性能

4. Puppeteer

简介:Node库控制Headless Chrome生成PDF/截图

官网https://pptr.dev/

下载地址

功能说明

  • 完整网页截图

  • 生成PDF文档

  • 支持自定义页面尺寸

  • 可模拟用户交互

最新版本(v21.6.0)更新内容

  • 更新至Chromium 121

  • 新增页面方法

  • 改进了PDF生成选项