网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
这是一个款基于jspdf将HTML保存为PDF的插件,用于生成各种用途的 PDF 文档。
原理上需要先把需要保存的节点渲染到一个canvas,然后利用这个canvas制作pdf,所以先引入以下两个依赖代码文件:
<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
<script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script>
2.编写所需代码
$('#exportForm').click(function(){
var pdf = new jsPDF('a', 'mm', 'a4');
var firstPage;
var secondPage;
html2canvas($('#first-page'), {
onrendered: function(canvas) {
firstPage = canvas.toDataURL('image/jpeg', 1.0);
}
});
html2canvas($('#second-page'), {
onrendered: function(canvas) {
secondPage = canvas.toDataURL('image/jpeg', 1.0);
}
});
setTimeout(function(){
pdf.addImage(firstPage, 'JPEG', 5, 5, 200, 0);
pdf.addPage();
pdf.addImage(secondPage, 'JPEG', 5, 5, 200, 0);
pdf.save("export.pdf");
}, 150);
});
转载请注明来源:HTML保存为PDF插件(基于jspdf)
本文永久链接地址:https://www.moyouyouw.cn/code/952.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论