nodejs在pdf中绘制表格

需求

之前我已经了解过如何在pdf模板中填写字段了

nodejs根据pdf模板填入中文数据并生成新的pdf文件https://blog.csdn.net/ArmadaDK/article/details/132456324

 但是当我具体使用的时候，我发现我的模板里面有表格，表格的长度是不固定的，所以需要动态生成一个表格，就要在原方案生成的pdf后面自己画上表格，可以在pdflib的官网上看到一些例子PDF-LIB · Create and modify PDF documents in any JavaScript environment.

具体代码

// 创建一个新页面const currentPage = pdfDoc.addPage([pdfWidth, pdfHeight]);

用addpage创建一页，并将这页保存为变量方便后续进行操作。

// 绘制表格行数据for (let i = startRow; i < endRow; i++) {const rowData = arr[i];const y = pdfHeight - 100 - (i % rowsPerPage) * cellHeight;currentPage.drawRectangle({// 每行一个长方形x: 50,y, // 手动垂直居中width: tableWidth,height: cellHeight,borderColor: rgb(0, 0, 0),});let idx = 0;for (let key in rowData) {currentPage.drawText(rowData[key], {// 填入文字x: 50 + idx * cellWidth + 10,y: y + 5,size: fontSize,font,});currentPage.drawLine({// 竖线start: { x: 50 + idx * cellWidth, y },end: { x: 50 + idx * cellWidth, y: y + cellHeight },thickness: 1,});idx++;}}

drawText('文字内容',{文字的一些options（注意这里的坐标是左下角）})

drawLine({start:{起点坐标},end:{终点坐标},thickness: 粗细})

这时候发现如果文字是中文的话会出现乱码，就需要引入中文字体，但和上篇的引入方法不一样，这次不能用那个update，而是使用setfont，直接对整个currentPage字体进行设置，如下代码所示：

  // 设置字体const fontBytes = await fs.promises.readFile("xxxx.ttf");pdfDoc.registerFontkit(fontkit);let font = await pdfDoc.embedFont(fontBytes);。。。// 每次创建一个新页面就要设置fontconst currentPage = pdfDoc.addPage([pdfWidth, pdfHeight]);currentPage.setFont(font);