如何将带有图像和所有样式的HTML页面转换为PDF，然后下载？

Question

我想将我的网页转换成多页PDF格式

使用的jsPDF

Lambda

jsPDF转换为pdf页面，但没有图像，并且仅显示一个A4大小的页面。我希望整个PDF页面都具有多个A4尺寸的页面。

Answer 1

jsPdf不支持您尝试添加图像的方式添加图像，因为addtHtml函数使用html2canvas模块将html转换为画布，因此jsPdf可以将其呈现为pdf。根据一个gihtub问题，使用带有html2canvas的图像时会出现问题，here是该问题的链接，使用它来修改addHtml函数，或尝试使用jsPdf的方式使用并添加图像this。

Answer 2

好吧，jsPDF确实支持将带有图像的html页面转换为pdf。但是，addHtml()是deprecated。您应该考虑使用它的新vector-supporting API，html()。检查那里的链接并查看代码示例。不过，您将需要使用html2canvas的较新版本。我正在使用html2canvas 1.0.0-alpha.11。

function GeneratePDF() {
  let pdf = new jsPDF('p', 'pt', 'a4');
  pdf.html(document.body, {
    callback: function (pdf) {
        pdf.save('test.pdf');
    }
  });
}