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

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

我就像一个哑巴一样

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

git clone https://github.com/MrRio/jsPDF.git

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

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

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

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

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

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

然后你只需要

doc.setFont('msyh')

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

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

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

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

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

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

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

欢迎来关注我的公众号~

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

今天的文章完美解决jspdf各种中文乱码问题分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/14049.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注