前端pdf插件JSPDF.JS的简单使用及引入中文字库

本文介绍了如何在前端项目中使用JSPDF.js生成PDF,并详细讲解了如何引入中文字库,包括从TTF字体文件转换为JS字体文件的步骤,以及在doc.text中使用自定义字体的注意事项。同时提到了直接引入ttf文件的问题和遇到的错误。
摘要由CSDN通过智能技术生成

引入jspdf.js

github地址:https://github.com/MrRio/jsPDF

在这里插入图片描述
引入在线的库

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js" integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/" crossorigin="anonymous"></script>

<script src="https://unpkg.com/jspdf@latest/dist/jspdf.min.js"></script>

或直接引入:jsPDF/src/jspdf.js

写个简单的例子

// 创建jspdf对象,默认竖屏,a4纸大小
var doc = new jsPDF();
// 打印所有可用的字体
console.log(doc.getFontList());
// 设置字体(内置的几种字体都是不支持中文,中文字体需要自己添加)
doc.setFont("FZYTK
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值