【JavaScript】浏览器WEB页面纯前端JS生成并导出PDF文件保存的轮子
|
admin
2023年5月15日 19:13
本文热度 571
|
第一步:
进入github.com
:https://github.com/eKoopmans/html2pdf.js
下载文件包,或者直接下载下面这个:
第二步:
引入js
文件 <script src="../dist/html2pdf.bundle.min.js"></script>
//只需要这一个文件即可
1
2
3
4
5
6
7
8
9
10
11
12
13 | <script>
function html2pdfs() {
// Get the element.
var element = document.getElementById('html2pdf_id');
// Generate the PDF.
html2pdf().from(element).set({
margin: 1,
filename: '自定义文件名称.pdf',
image: { type: 'jpeg', quality: 0.9 },
html2canvas: { scale: 2, y: 0, scrollY: 0 },
jsPDF: {orientation: 'portrait', unit: 'in', format: 'A4', compressPDF: true}
}).save();
}
</script> |
第三步:
添加html
按钮与区块:
<button class="layui-btn layui-btn-sm" onclick="html2pdfs()">导出/打印本页</button>
1
2
3 | <div class="layui-card-body" id="html2pdf_id"> //需要转换为pdf的正文 </div> |
完毕!!
该文章在 2023/5/16 0:01:28 编辑过