首页 > 解决方案 > 如何使用jspdf制作多个页面

问题描述

我想使用 jspdf 库制作多页 PDF 文件。我使用了这段代码。但是当使用此代码时,2page 没有边距(顶部)。我想制作多页并清除所有页面的边距。或者给我另一种方式。这个 PDF 会引起一些噪音。

请帮我。

function pdfDown(){
  html2canvas(document.getElementById("download"), {
    onrendered : function(canvas){
      var imgData = canvas.toDataURL('image/png');
      var imgWidth = 190; 
      var pageHeight = 290; 
      var imgHeight = canvas.height * imgWidth / canvas.width;
      var heightLeft = imgHeight; 
      var doc = new jsPDF('p', 'mm');
      var position = 10; 
      doc.addImage(imgData, 'PNG', 10, 10, imgWidth, imgHeight);
      heightLeft -= pageHeight; 

      while (heightLeft >= 0) {
      position = heightLeft - imgHeight +13;
      doc.addPage();
      doc.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight);
      heightLeft -= pageHeight;
      } 
      doc.save('test.pdf');
    } 
  });

供您参考,我使用 php 文档。

标签: javascriptphpjspdfhtml2canvashtml2pdf

解决方案


推荐阅读