nodejs根据pdf模板填入中文数据并生成新的pdf文件

导入pdf-lib库和fontkit

javascript 复制代码
npm install pdf-lib fs
npm install @pdf-lib/fontkit

具体代码

javascript 复制代码
const { PDFDocument, StandardFonts } = require('pdf-lib');
const fs = require('fs');
const fontkit = require('@pdf-lib/fontkit')
let pdfDoc
let font
async function fillPdfForm(templatePath, outputPath, data) {
  const templateBytes = await fs.promises.readFile(templatePath);
  const fontBytes = await fs.promises.readFile('xxx.ttf');
  pdfDoc = await PDFDocument.load(templateBytes);
  pdfDoc.registerFontkit(fontkit);
  font = await pdfDoc.embedFont(fontBytes);
  const form = pdfDoc.getForm();

  for (const fieldKey in data) {
    const field = form.getTextField(fieldKey);
    if (field) {
      field.setText(data[fieldKey]);
      field.updateAppearances(font)
    }
  }

  const modifiedPdfBytes = await pdfDoc.save();

  await fs.promises.writeFile(outputPath, modifiedPdfBytes);
}

// 使用示例
const templatePath = 'template.pdf';
const outputPath = 'output.pdf';
const data = {
  'key': 'value支持中文参数',
};

fillPdfForm(templatePath, outputPath, data)
  .then(() => {
    console.log('PDF生成成功');
  })
  .catch((error) => {
    console.log('PDF生成失败:', error);
  });

代码详解

首先

const templateBytes = await fs.promises.readFile(templatePath);

const pdfDoc = await PDFDocument.load(templateBytes);

const form = pdfDoc.getForm();

这三行表示读文件,并且读取pdf表单,然后注册fontkit,将你要的字体嵌入pdf中,之后在pdf的表单中寻找字段,填入字段,并把字体样式更新为你嵌入pdf的字体

这里的Object.entries是将对象变成数组方便循环,也可以用for...in进行对象遍历

最后将数据存入新文件中

注意

这里的字体文件只支持ttf和otf不支持电脑C盘里的那些的ttc

其他

pdf模板可以使用福昕pdf进行制作,百度一下都能查到

相关推荐
熊猫比分站14 分钟前
[特殊字符] Java/Vue 实现体育比分直播系统,支持多端实时更新
java·开发语言·vue.js
inferno39 分钟前
Maven基础(一)
java·开发语言·maven
csbysj20201 小时前
SQLite Truncate Table: 完全删除表中的数据
开发语言
tung tung tung sahur1 小时前
领略 Rust 抽象之美:自定义迭代器实现全解析
开发语言·后端·rust
ftpeak1 小时前
《Rust MP4视频技术开发》第八章:生成MP4
开发语言·rust·音视频·mp4
多则惑少则明1 小时前
Vue开发系列——自定义组件开发
前端·javascript·vue.js
一叶难遮天2 小时前
开启RN之旅——前端基础
前端·javascript·promise·js基础·es6/ts·npm/nrm
好学且牛逼的马2 小时前
【SSM框架 | day25 spring IOC 与 DI 注解开发】
java·开发语言
BetterChinglish2 小时前
html5中canvas图形变换transform、setTransform原理(变换矩阵)
javascript·html5·canvas·变换矩阵
是你的小橘呀2 小时前
深入解析 JavaScript 引擎与作用域机制
前端·javascript