路徑D:\ireport365\ireport365.war\WEB-INF\classes\system-resource\report-template.html ~~~ <script src="https://cdn.bootcss.com/jspdf/1.3.5/jspdf.min.js"></script> <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.min.js"></script> ~~~ 添加html ~~~ <!-- 導出pdf --> <span style="position:fixed;z-index:999;top:10px;right:10px;display:block;width:80px;height:30px;line-height:30px;color:#fff;border-radius:8px;cursor: pointer;background: orange;text-align: center;"; onclick="prictPage()">導出PDF</span> <!-- end --> ~~~  `下面寫js方法在</body> 這里寫。。。。。。。。。。。 </html>` ~~~ <script> function prictPage(){ html2canvas(document.body,{allowTaint:true,taintTest:false,useCORS: true}).then(function(canvas) { var context = canvas.getContext('2d'); // 【重要】關閉抗鋸齒 context.mozImageSmoothingEnabled = false; context.webkitImageSmoothingEnabled = false; context.msImageSmoothingEnabled = false; context.imageSmoothingEnabled = false; //document.body.appendChild(canvas); var contentWidth = canvas.width; var contentHeight = canvas.height; //一頁pdf顯示html頁面生成的canvas高度; var pageHeight = contentWidth / 592.28 * 841.89; //未生成pdf的html頁面高度 var leftHeight = contentHeight; //頁面偏移 var position = 0; //a4紙的尺寸[595.28,841.89]，html頁面生成的canvas在pdf中圖片的寬高 var imgWidth = 595.28; var imgHeight = 592.28/contentWidth * contentHeight; var pageData = canvas.toDataURL('image/jpeg', 1.0); var pdf = new jsPDF('', 'pt', 'a4'); 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(); } } } var timestamp =Date.parse(new Date()) var dowfile = timestamp+'.pdf'; // pdf.save('content.pdf'); pdf.save(dowfile); }); } </script> ~~~