V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
lmq1919
V2EX  ›  分享创造

目前市面上前端生成 pdf 的库最多只能生成 20 多页 pdf。而我的方案将这个数字提升了 100 倍

  •  1
     
  •   lmq1919 · 6 小时 28 分钟前 · 734 次点击

    大概的实现步骤:

    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

    2. 在线体验

    https://dompdfjs.lisky.com.cn

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

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

    8 条回复    2025-12-17 17:03:04 +08:00
    devilte
        1
    devilte  
       6 小时 19 分钟前   ❤️ 1
    以前有被这种分页问题困扰过,先 star 了 支持一下
    Razio
        2
    Razio  
       5 小时 45 分钟前
    啊?我咋之前做的都是几百上千页的。。没用 jspdf
    lmq1919
        3
    lmq1919  
    OP
       5 小时 41 分钟前
    @Razio 大佬分享一下技术方案?
    Razio
        4
    Razio  
       5 小时 32 分钟前
    @lmq1919 #3 回忆了一下,除非文本简单,没字体图片,否则肯定要拆分生成再合并🤡
    ajan
        5
    ajan  
       4 小时 16 分钟前
    @lmq1919 貌似不支持中文呢
    ajan
        6
    ajan  
       4 小时 11 分钟前   ❤️ 1
    @ajan 看了下文档,要配置下,才支持中文,已收藏
    narmgalaxy
        7
    narmgalaxy  
       3 小时 58 分钟前   ❤️ 1
    点开发现已经 star 过了
    logictan89
        8
    logictan89  
       7 分钟前
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   5125 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 09:10 · PVG 17:10 · LAX 01:10 · JFK 04:10
    ♥ Do have faith in what you're doing.