【JavaScript】浏览器WEB页面纯前端JS生成并导出PDF文件保存的轮子
|
admin
2023年5月15日 19:13
本文热度 646
|
第一步：
进入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 编辑过
400 186 1886
