前端HTML页面转PDF（html2canvas+jspdf）

Posted 2023-03-29

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端HTML页面转PDF（html2canvas+jspdf）相关的知识，希望对你有一定的参考价值。

参考技术A

utils - htmlToPdf.js

main.js

1、如果在多个页面使用，给函数定义一个参数，参数为要导出页面部分的id。

将 \'#pdfDom\' 替换为参数即可
2、将导出文件的名称也作为参数传入函数

此种方式也可用于vue，尝试后可行，需要调节部分参数，但毕竟不太合适。
jQuery不需要调节。

https://github.com/zhangshaoliang/downLoadPDF

vue方式
jQuery方式

目前项目使用的是前端加后端方式，前端提供模板，echarts图表的话需要转为base64发送给后台。后台使用iText。目前存在的问题是后台不支持css3语法，只支持到css2，所以复杂的样式页面显示错乱，考虑个别页面使用纯前端实现。

网站导航

以上是关于前端HTML页面转PDF（html2canvas+jspdf）的主要内容，如果未能解决你的问题，请参考以下文章