html转换成pdf后乱码,解决html导出pdf中文乱码问题的正确姿式

  • Post author:
  • Post category:其他


简介

本文使用jspdf 1.5.3版。GitHub地址:https://github.com/MrRio/jsPDFhtml

jspdf是歪果仁开发的,所以在一开始就没想过支持非英文之外的文字,这就致使了非英文的文本都是乱码。git

所以就有其余大佬给增长了其余解决方案,到了1.5版本也正式加入了非英文支持的解决方案。github

解决的思路大体是,给jspdf加载其余字体库,使其可以正常输出中文。canvas

打包字体文件

在开始的第一步咱们须要从GitHub下载源代码,由于咱们须要使用其中附带的工具fontconverter。浏览器

下载好后咱们进入fontconverter文件夹能够看到如下目录。jsp

1b78e3f9e7de8c4cf446065fab3c9e28.png

直接使用浏览器打开fontconverter.html文件,能够看到以下界面工具

5861b7ad140c138d4970b063df902515.png

点击选择”*.ttf”字体文件,而后点击生成,会获得一个js文件。这个文件就是把字体文件经过base64编码转换成字符串存储到js文件中。该文件在后续步骤中使用。测试

生成的js文件结构大概以下:字体