jsPdf插件/html转pdf解决中文乱码问题以及jspdf文字居中显示

最新推荐文章于 2024-08-08 08:00:00 发布

meetAlice

最新推荐文章于 2024-08-08 08:00:00 发布

阅读量3.2k

点赞数 1

分类专栏：前端文章标签： javascript html 开发语言

本文链接：https://blog.csdn.net/qq_42129143/article/details/121039895

版权

前端专栏收录该内容

30 篇文章 5 订阅

订阅专栏

1、安装jsPdf

npm install jspdf

2、引入jsPdf

import jsPDF from "jspdf"

3、github下载jsPdf压缩包

4、下载后找到fontconverter.html文件

5、浏览器打开这个html文件，如下图

6、找到一个支持中文的ttf文件，没有的话在这找

7、选择一个ttf文件点击creat之后生成一个js文件，将它引入到项目中

8、开始生成并导出

const doc = new this.$jsPDF();
doc.setFont('simhei');
doc.text('测试打印pdf', 10, 10); //文本
doc.save('测试.pdf');

9、中文乱码结束

10、解决pdf文字居中问题

doc.text("内容", doc.internal.pageSize.getWidth()/2, 10, { align: "center" })

11、整体示例

const doc = new this.$jsPDF("p");
doc.setFont('simhei');
doc.setFontSize(22);
doc.text(this.particularsData[0].value, doc.internal.pageSize.getWidth()/2, 10, { align: "center" })
var splitContent = doc.splitTextToSize(this.particularsData[1].value, 280); //多少字换行
doc.setFontSize(14);
doc.text(splitContent, 15, 25);
doc.save(this.particularsData[0].value+'.pdf');