完美解决jspdf各种中文乱码问题

我就像一个哑巴一样

今天分享一下完美解决jsPDF生成pdf出现乱码的问题,包括文本,表格表头已经表格内部出现乱码的问题~
首先老规矩把代码clone下来

git clone https://github.com/MrRio/jsPDF.git
复制代码

然后打开文件根目录会看到一个fontconverter的文件夹

打开里面的html文件,然后把选择你的本地文件,填上 name最好要填中文!然后会生成一个js文件,然后你需要把这个js文件复制到你前端文件的static静态资源目录下,并且在页面上引用。

TIP:最好按照我下图的顺序引入,不然又可能会出现问题~

然后你只需要

doc.setFont('msyh')
复制代码

其实这个时候pdf内部的文本和表格内的中文都应该会正常显示了,但是表头还是出现了乱码,

因此我就去翻了下 jspdf-autotable的js源码,代码如下

其实重点就是图中标红的地方,当你选择 table的主题为 grid的时候,它默认 header那里的 fontStylebold,如果你把这里改成 normal然后再重新生成pdf就会发现中文也正常了~

问题就这样迎刃而解了~心情大好有木有!

欢迎来关注我的公众号~

转载于:https://juejin.im/post/5c1bb46a5188252dcb310f9f

已标记关键词 清除标记
表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页