如何在 jsPDF 中使用 addHTML 函数答案

【问题标题】：how to use addHTML function in jsPDF如何在 jsPDF 中使用 addHTML 函数
【发布时间】：2016-01-01 13:07:31
【问题描述】：

能否请您告诉我如何在 jsPDF 库中使用 addHTML 函数。我正在尝试将网页转换为 pdf。想使用 addHTML 函数。让我知道需要传递哪些参数才能将整个网页转换为带有标题、徽标、正文等的 pdf

【问题讨论】：

【解决方案1】：

首先，您必须包含 jsPDF 库，以及 html2canvas 或 rasterizeHTML。

然后，只需创建一个 jsPDF 对象并将整个“body”标签（或其他）保存为 pdf：

var pdf = new jsPDF('p','pt','a4');
pdf.addHTML(document.body,function() {
    pdf.save('web.pdf');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>

<body>
    <p id="to-pdf">HTML content...</p>
</body>

您可以在 jsPDF 网站上找到更多示例：http://mrrio.github.io/jsPDF/

【讨论】：

有必要使用document.body吗？为什么我不能使用 document.getElementById() 什么的？
@BrianSchermerhorn 没有必要使用 document.body。您可以传递任何 DOM 元素。只要确保它不是封装的 jquery 引用：$("#target").get(0) 而不是$("#target")
页眉、正文和页脚如何使用多个addhtml？请帮助我，两天后我就快死了..
我正在使用带有角度的 jsPDF 2.1.1（现在是最新版本），我为 addHTML 方法获得了有效的智能感知，但在运行时这会引发 TypeError: this.pdfCreator.addHTML is not a function jsPDF.html ( ) 工作正常，但我想在 html 元素之后/之前添加其他内容，而 jsPDF.html( ) 不支持...我将不胜感激任何帮助...