引入js文件: https://www.bootcdn.cn/html2canvas/ https://www.bootcdn.cn/jspdf/ js代码: /*html2canvas生成图片,jspdf生成PDF文件*/ html2canvas($("#pdf1"), { background: "#fff", allowTaint: true, taintTest: false, onrendered:function(canvas) { var contentWidth = canvas.width; var contentHeight = canvas.height; var pageHeight = contentWidth / 592.28 * 841.89; var leftHeight = contentHeight; var position = 0; var imgWidth = 595.28; var imgHeight = 592.28/contentWidth * contentHeight; var pageData = canvas.toDataURL('image/jpeg', 1.0); var img = new Image(); img.src = pageData; var pdf = new jsPDF('p', 'pt', 'a4'); img.onload = function() { if (leftHeight < pageHeight) { pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight ); } else { while(leftHeight > 0) { pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight) leftHeight -= pageHeight; position -= 841.89; if(leftHeight > 0) { pdf.addPage(); } } } pdf.save('report_pdf_' + new Date().getTime() + '.pdf'); // $("#pdf1").remove(); } }, })
js将html页面生成pdf
最新推荐文章于 2024-04-18 09:43:47 发布