jsPDF中文出现乱码

首先我们先通过npm安装依赖
npm install jspdf --save

import { jsPDF } from "jspdf";

// Default export is a4 paper, portrait, using millimeters for units
const doc = new jsPDF();

doc.text("测试", 10, 10);

运行之后发现是乱码，官方文档说只支持ASCII-codepage，如果需要使用utf-8的话需要引入ttf文件。

如果自己实验的话，这里最简单的办法就是在c盘中Windows文件夹下的Fonts文件夹下找中文的字体比如黑体，复制到桌面，如果商用的话最好寻找其他字体哦

打开这个网站把ttf文件转换成js文件https://rawgit.com/MrRio/jsPDF/master/fontconverter/fontconverter.html

然后再代码中引入

import { jsPDF } from "jspdf";
import "@/utils/simhei-normal.js";

// Default export is a4 paper, portrait, using millimeters for units
const doc = new jsPDF();
doc.setFont("simhei");

doc.text("测试", 10, 10);

在运行试试？

居然报错了，打开代码看看

我们尝试把font的单引号（'） 改成 模板字符串的符号（`）

好啦，报错消除了，pdf上也打印出了中文，你也可以通过这个方法引入其他语言。