jspdf导出图片pdf失败

JavaScript05

jspdf导出图片pdf失败,第1张

很多原因的，可能是js 中同源策略所引起的跨域请求图片,所导致的jsPdf读取页面中图片失败的问题 ，还有图片或pdf格式下载的选项,因此可以以某种方式使用jspdf还是以某种方式使用jspdf图片又失败，等等原因的，希望可以帮到你。

pdf.js和pdfobject可以实现在web端打开pdf格式文件查看，并可以缩放打印等功能。jspdf则可以实现在web端javascript代码中把文本，图片，html等生成一个pdf格式文件。

utils - htmlToPdf.js

main.js

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

将 '#pdfDom' 替换为参数即可

2、将导出文件的名称也作为参数传入函数

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

jQuery不需要调节。

https://github.com/zhangshaoliang/downLoadPDF

vue方式

jQuery方式

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

网站导航