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

时间:2015-08-17 14:24:55

标签: pdf pdf-generation jspdf

我已经搜索了几周的高低来找到答案,但似乎找不到有效的。

这是我的代码:

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?

谢谢,保罗。

1 个答案:

答案 0 :(得分:0)

您必须使用以下代码中使用的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>