如何使用 JavaScript 从 HTML Div 生成 PDF？

使用 JavaScript 从 Div 中的 HTML 内容生成 PDF

要生成包含特定 HTML div 元素内容的 PDF 文件，我们可以利用 JavaScript 库jsPDF。但是，由于 jsPDF 的文本函数只接受字符串，因此我们需要合并额外的插件来启用 HTML 渲染。

第 1 步：包含必要的插件

从 jsPDF 网站下载最新版本的 jsPDF并将以下脚本包含在您的项目：

• jspdf.js
• jspdf.plugin.from_html.js
• jspdf.plugin.s plit_text_to_size.js
• jspdf.plugin.standard_fonts_metrics.js

步骤2：忽略不需要的元素

如果您想从 PDF 中排除某些元素，请在 HTML 代码中为它们分配唯一的 ID。然后，您可以利用 jsPDF 的特殊元素处理程序在转换过程中忽略这些元素。

例如，忽略 ID 为“ignorePDF”的元素：

<p></p>

第 3 步：转换 HTML到 PDF

创建一个新的 jsPDF 文档并定义一个元素处理函数来忽略您想要的元素

var doc = new jsPDF();

var elementHandler = {
  '#ignorePDF': function (element, renderer) {
    return true;
  }
};

var source = window.document.getElementsByTagName("body")[0];

doc.fromHTML(
  source,
  15,
  15,
  {
    width: 180,
    elementHandlers: elementHandler
  }
);

第 4 步：输出 PDF

要在新窗口中显示生成的 PDF，请使用以下代码：

doc.output("dataurlnewwindow");

这将自动下载名为“foobar.pdf”的 PDF 文件，其中包含您指定的 div 元素的内容。

以上是如何使用 JavaScript 从 HTML Div 生成 PDF？的详细内容。更多信息请关注PHP中文网其他相关文章！