jsPDF multi page PDF with HTML renderer

前端 未结 11 1661
感情败类
感情败类 2020-11-27 13:54

I am using jsPDF in my site to generate PDFs. But now I have multiple DIVs to print in a single PDF. which may take 2 to 3 pages.

For example:



        
11条回答
  •  一整个雨季
    2020-11-27 14:24

     var doc = new jsPDF('p', 'mm');
    
     var imgData = canvas.toDataURL('image/png');
     var pageHeight= doc.internal.pageSize.getHeight();
     var pageWidth= doc.internal.pageSize.getWidth();
    
     var imgheight = $('divName').height() * 25.4 / 96; //px to mm
     var pagecount = Math.ceil(imgheight / pageHeight);
    
     /* add initial page */
     doc.addPage('l','mm','a4');
     doc.addImage(imgData, 'PNG', 2, 0, pageWidth-4, 0);
    
     /* add extra pages if the div size is larger than a a4 size */
     if (pagecount > 0) {
         var j = 1;
         while (j != pagecount) {
             doc.addPage('l','mm','a4');
             doc.addImage(imgData, 'PNG', 2, -(j * pageHeight), pageWidth-4, 0);
             j++;
         }
     }
    

提交回复
热议问题