html 转成 pdf 进行预览、下载、打印
html 页面转成 pdf，直接看代码；
参考地址： https://github.com/linwalker/render-html-to-pdf
给出代码 方便粘贴：
var downPdf = document.getElementById(“pdfDownLoad”); // 点击的按钮
var pdfDom = document.getElementById(\’tableInfoShow\’) // 生成 pdf 的区域
downPdf.onclick = function () {
html2canvas(pdfDom, {
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 imgWidth = 900
var imgHeight = 900 / contentWidth * contentHeight
var pageData2 = canvas.toDataURL(\’image/jpeg\’, 1.0)
var PDF = new jsPDF(\’\’, \’pt\’, \’a4\’)
//PDF.addImage(pageData2, \’JPEG\’, 0, 0, 595.28, 592.28/canvas.width * canvas.height );
if (leftHeight < pageHeight) {
PDF.addImage(pageData2, \’JPEG\’, -150, -5, imgWidth, imgHeight)
// PDF.addImage(pageData2, \’JPEG\’, 0, 0, imgWidth, imgHeight)
} else {
while (leftHeight > 0) {
PDF.addImage(pageData2, \’JPEG\’, 0, position, imgWidth, imgHeight)
leftHeight -= pageHeight
position -= 841.89
//position -= 851
if (leftHeight > 0) {
PDF.addPage()
}
}
}
PDF.save(\’研究生考核表\’ + \’.pdf\’);
}
})
}
版权声明：本文为aoqizhonghua原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。