V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
jatsz2020

js 生成中文 PDF 有啥好办法?

  •  
  •   jatsz2020 · Oct 24, 2021 · 4914 views
    This topic created in 1660 days ago, the information mentioned may be changed or developed.
    html2pdf 支持中文,html 排版,但是生成的 PDF 是图片的,无法复制里面的文字

    jspdf 搞了好久无法支持中文,然后前端加载一个几十兆的字体也麻烦
    15 replies    2021-10-26 11:00:33 +08:00
    codehz
        1
    codehz  
       Oct 24, 2021 via Android
    要支持矢量化中文就必须得自己提供字体。。。浏览器的 api 只能糊成像素的(
    binux
        2
    binux  
       Oct 24, 2021 via Android
    @codehz 理论上讲完全可以,文字是图片的,但是可以复制。
    MonikaCeng
        3
    MonikaCeng  
       Oct 24, 2021 via Android
    我之前用 windows 服务器,用了一个.exe 文件,php 命令行调用它去将网页转 pdf ,中文,文本可复制,链接可点击。linux 应该这种插件更多
    beyondstars
        4
    beyondstars  
       Oct 24, 2021
    建议让后端用 TeX (LaTeX, XeLaTeX) 实现文本到 PDF 的渲染,然后后端通过 API 的形式把功能开放给前端,这样前端可以通过 JS 发起异步请求调接口实现这个功能,生成的 PDF 质量也有保证。
    jaywhen
        5
    jaywhen  
       Oct 24, 2021   ❤️ 1
    Typora 用的 [pdf-lib]( https://github.com/Hopding/pdf-lib/ ),但是默认不支持渲染中文,如一楼所说得自己提供字体,嫌中文字体文件大可以用 [gulp-fontmin]( https://github.com/ecomfe/gulp-fontmin) 对字体文件压缩一下
    jaywhen
        6
    jaywhen  
       Oct 24, 2021
    @jaywhen 链接格式有点乱抱歉
    muzuiget
        7
    muzuiget  
       Oct 24, 2021   ❤️ 2
    PDF 太复杂了,还不如弄个打印布局页面,让用户通过打印功能生成。
    codehz
        8
    codehz  
       Oct 24, 2021 via Android
    @muzuiget (这么说直接用 window.print()方法就可以了,大道至简
    zeni123
        9
    zeni123  
       Oct 24, 2021
    后端使用 headless chrome 打印, 多复杂的都能打印出来
    qiaobeier
        10
    qiaobeier  
       Oct 24, 2021
    前端嵌入字体文件涉及安全问题(浏览器沙盒),还是用后端吧,一大堆解决方案。
    ccraohng
        11
    ccraohng  
       Oct 25, 2021
    后端吧,node 用 puppeteer, wkhtmltopdf 也可以
    deadofpeople
        12
    deadofpeople  
       Oct 25, 2021
    wkhtmltopdf
    nicknick
        13
    nicknick  
       Oct 25, 2021 via Android
    别别,你让后端做吧。某日客户拿个 ie9 跟你呛下载不了你就知道了。
    supuwoerc
        14
    supuwoerc  
       Oct 25, 2021
    jspdf 有个韩国人做过支持多语言的二次开发,很久之前我记得有小伙伴用过,可以在 github 上找一找。
    Kasumi20
        15
    Kasumi20  
       Oct 26, 2021
    强烈推荐 React-PDF ,不过中文需要自定义字体
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5912 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 84ms · UTC 06:04 · PVG 14:04 · LAX 23:04 · JFK 02:04
    ♥ Do have faith in what you're doing.