如何在jsPDF中使用addHTML函数

问题描述 投票:0回答:2

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

javascript jspdf
2个回答
34
投票

首先,您必须包含 jsPDF 库,以及 html2canvasrasterizeHTML

然后,只需创建一个 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/


0
投票

使用最新版本的jsPDF,可以添加HTML不起作用,而是使用

pdf.html(document.getElementById('gen-notes'), {
    callback: function (pdf) {
      pdf.save();
        },
    x: 100, // x position on the PDF document in jsPDF units.
    y: 100, // y position on the PDF document in jsPDF units.
  });

有关更多选项,请参阅jsPDF文档

© www.soinside.com 2019 - 2024. All rights reserved.