如何使用jspdf制作多页

时间:2018-10-22 12:37:55

标签: javascript php jspdf html2canvas html2pdf

我想使用jspdf库制作多页PDF文件。 我用了这段代码。但是,当使用此代码时,从2页开始就没有空白。 我要制作多个页面并清除所有页面的边距。 或者给我另一种方式。该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文档。

0 个答案:

没有答案