• 请不要在回答技术问题时复制粘贴 AI 生成的内容
Leoking222
V2EX  ›  程序员

关于前端 pdf 渲染问题

  •  
  •   Leoking222 ·
    gaoziman · May 2, 2025 · 4447 views
    This topic created in 553 days ago, the information mentioned may be changed or developed.

    最近打算写个项目,现在遇到一个小问题,就是前端在渲染 pdf 的时候,使用的是 vue3 ,pdf 库使用的是 vue-pdf-embed ,导致前端页面渲染出来的 pdf 很糊,调了很多,都没有效果,不知道是不是组件库的问题,有没有前端大佬有好的解决方案,本人 Java 载,对前端研究的不是特别深入。希望大佬解惑。

    image-20250502215118183

    18 replies  •  2025-05-06 21:54:17 +08:00
    Leoking222
    Leoking222
    OP
    May 2, 2025
    1
    补充一点,我是把 pdf 文件上传到文件存储服务器,然后把链接返回给前端,前端进行解析
    yangxin0
    yangxin0
    May 2, 2025
    2
    可能 render 出来的是图片, 你可以尝试集成一下 pdf.js 这个解析出来是 HTML
    Leoking222
    Leoking222
    OP
    May 2, 2025
    3
    @yangxin0 好的,我试试这个库
    fengbjhqs
    fengbjhqs
    May 2, 2025
    4
    这个库也是用的 pdfjs ,我们的方案是用 pdfjs 里面的 web 功能,这里有计算缩放,不要自己计算
    Leoking222
    Leoking222
    OP
    May 2, 2025
    5
    @fengbjhqs 放弃了,最终还是选择了 iframe ,pfd.js 的报错给我折磨坏了
    XTTX
    XTTX
    May 3, 2025
    6
    pdf 挺麻烦的,还打包字体,排版各种问题。
    meteor957
    meteor957
    May 3, 2025
    7
    pdfjs 问题太多, 碰到过不兼容的字,
    qinqiuxu
    qinqiuxu
    May 4, 2025
    9
    我用 iframe 的,把 pdf 的连接作为 iframe 的 src ,显示完美。
    其实现代浏览器对 pdf 的渲染是最好的,没必要用 pdfjs 之类的包,没必要把它转换为 html 。
    boxrq
    boxrq
    May 4, 2025
    10
    https://github.com/Ly-GGboy/AI-Library 我这个项目也有 pdf 渲染,是 vue3+pdf.js 做的,没发现特别糊的情况,代码都是 ai 写的
    fengbjhqs
    fengbjhqs
    May 5, 2025
    11
    不是,pdf 渲染啊,又不是生成,不存在字体问题吧
    @XTTX
    @meteor957
    dode
    dode
    May 6, 2025
    12
    guiyumin
    guiyumin
    May 6, 2025 via iPhone
    13
    你们说,把 c++或者 rust 写的 pdf 库,编译为 wasn’t ,是不是效果比 pdf js 好?
    CHTuring
    CHTuring
    May 6, 2025
    14
    用 pdf.js 这个无解,因为我也遇到了,还是老老实实 iframe 。
    Leoking222
    Leoking222
    OP
    May 6, 2025
    15
    @qinqiuxu 是的,我发现确实显示完美,大多数浏览器也是这么做的,我已经改成 iframe 了
    Leoking222
    Leoking222
    OP
    May 6, 2025
    16
    @CHTuring 一样,那天晚上搞了几个小时,最后老老实实用的 iframe
    Leoking222
    Leoking222
    OP
    May 6, 2025
    17
    @boxrq 我来学习一下
    XTTX
    XTTX
    May 6, 2025
    18
    @fengbjhqs 不然呢?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1645 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 40ms · UTC 11:54 · PVG 19:54 · LAX 03:54 · JFK 06:54
    ♥ Do have faith in what you're doing.