JSP頁面導出PDF格式文件基本在前端頁面可以全部完成

添加下載鏈接的點擊事件

var downPdf = document.getElementById("downLoad");

downPdf.onclick = function() {

downPdf.parentNode.removeChild(downPdf);

html2canvas(document.body, {

onrendered:function(canvas) {

var contentWidth = canvas.width;

var contentHeight = canvas.height;

//一頁pdf顯示html頁面生成的canvas高度;

var pageHeight = contentWidth / 592.28 * 841.89;

//未生成pdf的html頁面高度

var leftHeight = contentHeight;

//pdf頁面偏移

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');

//有兩個高度需要區分，一個是html頁面的實際高度，和生成pdf的頁面高度(841.89)

//當內容未超過pdf一頁顯示的范圍，無需分頁

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('content.pdf');

}

})

}

打印檔案

最終生成文件

總結

以上是生活随笔為你收集整理的java jsp导出pdf文件_JSP页面导出PDF格式文件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。