使用 jsPDF 通过“pagesplit:true”选项将长网页拆分为多个 PDF 页面答案

【问题标题】：Make a long webpage split over multiple PDF pages via “pagesplit:true” option using jsPDF使用 jsPDF 通过“pagesplit:true”选项将长网页拆分为多个 PDF 页面
【发布时间】：2015-11-10 05:44:50
【问题描述】：

我已经搜索了好几个星期的答案，但似乎找不到有效的答案。

这是我的代码：

function pdf() {
     html2canvas(document.body, {
         onrendered: function(canvas) {
           var img = canvas.toDataURL('image/jpeg')

           var doc = new jsPDF('p', 'pt', 'a4');
           var options = {
               pagesplit: true
            };
           doc.addImage(img,'JPEG',0,0,<?php echo "$width";?>,0);
           doc.save('webpage-pdf.pdf');
           }
      });
}

代码将创建一个 PDF，但它只会创建一个 PDF 页面。如果网页足够长，则应将其拆分为多个 PDF 页面。

这就是 pagesplit: true 选项的用武之地。但无论我如何尝试，pagesplit 选项什么都不做，它仍然只生成 1 页，而网站的其余部分从 PDF 文件中丢失/截断。

有谁知道如何打开这个选项，我是否正确使用了 API？

谢谢，保罗。

【问题讨论】：

：那你是怎么解决你的问题的？？...我遇到了同样的问题:(

标签： pdf pdf-generation jspdf

【解决方案1】：

似乎 addHTML 已被弃用 addHTML deprecated 改为使用pdfjs html

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

【解决方案2】：

您必须使用PageSplit，如以下代码中所使用的

<script>
 function demoFromHTML() {

     var pdf = new jsPDF('p','pt','a4')

     pdf.addHTML(document.body,margins.left,margins.top,{pagesplit:true},function() {
            pdf.save('CDC.pdf');
        });
}
</script>

【讨论】：