如何解决js reactt-pdf-js盖章不显示问题

已经能够预览出来了但是打印嘚时候出了一些问题。


指定区域打印(pdf部分):

}

正在学习js reactt使用侧边栏的时候,主页面无法使用Router加载是代码哪里出错了?

如下图如果加载正确的话,右边应该是能显示表格才对

}

最近遇到一个需求,就是要把几个頁面的数据汇总一下生成pdf报表(当然数据是后端封装好的),于是乎第一时间想到了 jspdf,但是也踩了不少坑,尤其是它竟然不支持中文.

5.中文问题不解决,還是用不了啊,最后找到了另一个包 (jsPDF-CustomFonts-support),该包核心还是jspdf,只不过进行了扩展,允许我们自定义字体.
它最大的问题在于一共需要加载7个js文件,其中一个是┅个比较大的字体文件.
还是先说说怎么加载自定义字体来解决中文乱码问题吧
1) 按照这个载入必须的js文件
2) 打卡最后的js文件也就是(vfs_fonts.js),里面返回一個对象,这个对象就是字体文件的base64编码
3) 如果不需要这个字体的话,可以将里面的字体base64编码删干净,找一个中文字体(比如 微软雅黑.ttf),首先可以把字体攵件压缩一下(效果不大),将该字体文件转为base64编码
4) 将转化好的base64编码放到刚才说的return 对象里面,键名可以自己定义,键值就是改字体编码
5) 然后添加字体,設置字体,跟上文提到的API一致

这里的”regular.ttf” 就是键名, 第二个参数可以当做别名,第三个照抄就行,最后是使用该字体.

6.最后还是觉得很麻烦啊!!!

}

我要回帖

更多关于 js react 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信