最近接手了一个web项目改造,对弹窗进行导出PDF,而且弹窗可能还会有滚动。
要求原样导出,一开始就没考虑后台导出太傻,JS这么强大。
jsPDF符合要求,官网:https://parall.ax/products/jspdf,有几个sample还可以。
以下是几个主要方法和槽点
addHtml:支持dom的导出PDF,不过分辨率差很多很失真且不支持自动分页只会截取当页显示内容,应该是内部使用html2canvas方法转换图片的坑。
fromHtml:支持长页面的自动分页,不过不支持中文
,去jsPdf在github相关issues,有提示说要自己添加字体ttf,
addImage: 添加图片自己定义,最后采用这个
但是div生成图片也有两种方法, html2canv

本文记录了使用jsPDF进行PDF导出过程中遇到的问题,包括自动分页、实际宽度高度计算、中文乱码、IE浏览器兼容性以及如何将DOM转换为PDF。在解决中文乱码时,需要添加自定义字体。对于长页面,addHtml方法由于使用html2canvas导致失真,而fromHtml虽能自动分页但不支持中文。最终选择了addImage方法并比较了html2canvas和domtoimage,后者虽然能处理长页面但不支持IE。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



