V2EX 07月30日 10:25
[分享创造] 一个所有 AI 都无法提供的前端 PDF 生成方案
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本文探讨了现有前端生成PDF方案的缺点,并介绍了一种改进方案,通过修改HTML2Canvas的绘制API,实现直接将HTML转化为可编辑的矢量PDF,降低使用难度。

目前的前端生成 pdf 方案

方案缺点
html2canvas + jspdf图片式的 pdf,文件体积大,无法选中编辑文字,模糊
jspdf / pdfmake 等学习成本高,使用复杂

我的方案

    修改了 html2canvas 的 renderCanvas 方法,将绘制 canvas 的 api 换成了 jspdf 的 api 。开发者不再需要手动计算 pdf 的布局,就可以直接将 html 转化成可编辑的矢量 pdf 。使用方法和 html2canvas 基本一样,上手难度非常低

1. 在线体验

https://dompdfjs.lisky.com.cn

2. Git 仓库地址 (欢迎 Star⭐⭐⭐)

https://github.com/lmn1919/dompdf.js

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

前端PDF生成 HTML2Canvas jspdf PDF制作
相关文章