1.需要准备3个js
(1)html2canvas.js
(2)jspdf.debug.js
2.js部分代码段
function printpagePdf(){
var printButton = document.getElementById("printpagebutton");
printButton.style.visibility = 'hidden';
var printPdf = document.getElementById("printPdf");
printPdf.style.visibility = 'hidden';
html2canvas(
document.getElementById("pdf_table"), {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 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();
}
}
}
pdf.save('send.pdf');
}
}
);
}
3.jsp页面代码