js将html页面转换pdf文件,js将html页面生成pdf

引入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();

}

},

})

本文来源于网络：查看 >https://blog.csdn.net/qq_36611673/article/details/84939392