开源了一个 html 转 pdf 的 js 库，这应该是 html 转 pdf 最正确的思路了

[lmq1919]

大概的实现步骤：

1.解析 html 页面，生成一个包含节点位置信息，样式，层级，内容等信息的 DOM 树。

2.递归 DOM 树，根据节点据顶部的高度和生成页面规格的高度，将节点分配到不同的页面。

3.调用 jspdf.js 的 api,将节点绘制到 PDF 文件上。

优点：

1.生成的是矢量的 PDF ，可以对 PDF 的文本进行搜索，选中，编辑。

2.生成的文件体积很小

3.使用简单，一行代码即可将 html 页面转成 pdf

4.精准的分页，避免元素被切割。

5.如果文件体积不大，而且电脑性能支持，可以生成几千页的 PDF

1. 具体的说明

https://juejin.cn/post/7583912637470769203

1. 在线体验

https://dompdfjs.lisky.com.cn

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

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

[yangxiaopeipei]

打印不是更快吗

[cpstar]

@yangxiaopeipei #1 服务器上后台服务咋打印

[kuxuan]

收藏了。

[evan1]

@cpstar #2 无头浏览器

[herbloo]

@evan1 正解吧，不内嵌一个 chrome 进去，很难做到全兼容

[spark]

@cpstar puppeteer, playwright

[jifengg]

之前关注过，先说一下网站证书过期了。
另外，demo 导出的 pdf ，没有最后的 line chart 。不知道是不是个例。UA:'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36'

[evan1]

@herbloo #5 是的，我做过这个。当时做了很久，各种方案都尝试了，最后发现还是得无头浏览器。其它 js 方式生成的多多少少都会有转换的问题。比如 table 的高度、边框宽度、二维码清晰度之类的。

无头浏览器缺点就是占内存，不过用线程池+队列轮换处理也还好。

[cirzear]

@jifengg +1

[lmq1919]

@jifengg 感谢关注😄，证书已经更新

[lmq1919]

@yangxiaopeipei 打印有的需求满足不了😭

[dbit]

兼容好像有问题, ubuntu 下载下来, 用 Xreader 打开全部是空白页

[avenger]

这个支持 serverless 环境吗？
在线体验打不开了，正好有这个需求
目前用的是 @sparticuz/chromium-min

[webszy]

点了 star,支持

[lmq1919]

@webszy 感恩

[lmq1919]

@avenger serverless 还是用其他方案吧，我这个库推荐在前端浏览器使用

[xz410236056]

我之前简历是 HTML 的，但是 BOSS 只让传 PDF ，找了很多都找不到合适的。因为 HTML 并不是纯静态页面，需要加载部分 JS 渲染，这种时候转的 PDF 就有点问题

[zhangyunlu80]

支持 简单 echart 图表，饼图，柱状图么，支持 一些小的 icon 嘛

[lmq1919]

@zhangyunlu80 必须支持的

[lmq1919]

@xz410236056 我的库支持你这个需求