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

我想转换我的网页，因为它是PDF格式的多页

二手jsPDF

<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>
<script type="text/javascript">
  let doc = new jsPDF('p','pt','letter');

doc.addHTML(document.body,function() {
    doc.save('html.pdf');
});
</script>

让doc=newjspdf（'p'，'pt'，'letter'）；
doc.addHTML（document.body，function（））{
doc.save（'html.pdf'）；
});

---

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

jsPdf不支持以您尝试添加图像的方式添加图像，因为addtHtml函数使用html2canvas模块将html转换为画布，因此jsPdf可以将其呈现为PDF。根据gihtub的一个问题，在使用html2canvas图像时会出现问题，是指向该问题的链接，使用该链接修改addHtml函数，还是尝试使用jsPdf，并添加类似图像的图像。

好吧，jsPdf确实支持将带有图像的HTML页面转换为pdf。但是，

addHtml（）

是。您应该考虑使用它的新版本，<代码> HTML*（）/COD>。这可能也有帮助。不过，您需要使用更新版本的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');
        window.open(output('bloburl');
    }
  });
}

---

您的图像在哪里？对于单个页面，您可以右键单击并选择“打印”，然后将其另存为pdf。但是，它不适用于多个应用程序pages@priyanshisrivastava图像位于localhosts image FolderOK上，因此您正在将图像加载到html页面中，然后创建pdf？@aMJay希望在单击按钮后使用页面上的当前内容创建pdf。右键点击，pdf将删除所有样式。这将是一个解决方案。但html2canvas只是为创建pdf截图。而且我们也不能超过一页，