<!-- PDF --> <script src="../../../js/toPDF/jspdf.debug.js"></script> <script src="../../../js/toPDF/html2canvas.js"></script> <!-- PDF结束 -->
//点击导出按钮导出pdf
$("#pdfBtn").on('click', function () {
var pdfName=$(this).parent().siblings().find(".wrapBoxTitle .fileName").html();
// 将 id 为 content 的 div 渲染成 canvas
html2canvas(document.getElementById("contentBox"), {
// 渲染完成时调用,获得 canvas
onrendered: function (canvas) {
// 从 canvas 提取图片数据
var imgData = canvas.toDataURL('image/png');
//初始化pdf,设置相应格式
var pdfUrl = url
var pdfData = {
"filePath": "pdf",
"fileName": "pp.png",
"base64String": imgData
};
postData(pdfUrl, JSON.stringify(pdfData), function () {
var doc = new jsPDF("p", "mm", "a4");
//这里设置的是a4纸张尺寸
doc.addImage(imgData, 'png', 0, 0, 210, 297);
//输出保存命名为content的pdf
doc.save(pdfName+'.pdf');
});
}
});
});
html转为pdf时,背景是黑色的,需要把导出的页面或者盒子的背景置为白色