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
作者
Administrator
发布于
2025年12月12日
许可协议