解决使用jsPDF实现日志导出功能时中文乱码问题

Posted on 2025-06-10 12:03  是lily呀  阅读(369)  评论(0)    收藏  举报

问题描述:在制作日志的导出功能时,使用jspdf插件导出,虽成功导出但是发现表头和中文内容全是乱码。
经查阅资料发现jsPDF是对中文支持非常差的PDF库,所以需要外部引入中文库注册使用。
下面是解决办法

  1. 选择字体(选择开源 免费商用的字体ttf版)我选择的是思源黑体
    https://gitcode.com/open-source-toolkit/d2b1d(下载链接)
    下载完成后如图

    将自己要用的字体重命名为小写
  2. 下载转换器
    git clone https://github.com/MrRio/jsPDF.git(cmd中)也可直接在github下载
    下载完成后得到如图目录

    找到fontconverter目录下的fontconverter.html打开即可
  3. 转换为js(选择umd编码格式)
  4. 转换完成后

    可重命名
    5.注册及使用
    修改js文件注册内容:

    使用:一定要注意注册和使用的字体名称一致

    至此中文乱码问题就解决了

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3