pdf从生成到下载
1. 字体
PDF强制要求使用思源黑体,但是给我的字体都是OTF格式,直接使用官方工具转后无法读取。
https://rawgit.com/MrRio/jsPDF/master/fontconverter/fontconverter.html 2. 文字换行的坑
一开始都是使用jspdf使用splitTextToSize计算文字行数,一开始还好后期文本出现了很多英文和特殊符号后就遇到了问题:换行变得莫名奇妙。
// 逐字遍历
for (const char of para) {
const w = getCharWidth(char)
// 首行要扣掉缩进宽度
let availableWidth
if (isFirstLine) {
// 首行:原宽度-缩进
availableWidth = maxLineWidth - firstIndentWidth
} else {
// 非首行:有maxWidth就用maxWidth,没有沿用maxLineWidth
availableWidth = secondWidth > 0 ? secondWidth : maxLineWidth
}
// 能放下 → 加字
if (currentWidth + w <= availableWidth) {
currentLine += char
currentWidth += w
}
// 放不下 → 换行
else {
if (currentLine) {
lines.push(currentLine)
}
currentLine = char
currentWidth = w
isFirstLine = false
}
}
3.图片渲染
调用官方APIpdf.addImage,Base64图片、canvas甚至网络图片我都试了,都可以拿到数据,打印方法日志也是正常,但是PDF就是不显示图片 直到同事提醒:会不会是异步问题? 这才恍然大悟 忽略了图片加载异步的问题。
pdf从生成到下载
http://localhost:8090/archives/pdfcong-sheng-cheng-dao-xia-zai