pdfkit

官方文档

0、准备

需要引入两个包，首先要npm install pdfkit安装pdfkit包

const PDF = require('pdfkit');
const fs = require('fs');

通过下面方法创建pdf对象，如果没有传入任何的参数，默认自动创建第一页，页面大小为A4

doc = new PDF();

通过管道流创建名为test.pdf的文件

doc.pipe(fs.createWriteStream('test.pdf'));

写入内容

doc.text('test')

结束写入，生成文件

doc.end()

1、页面和文本设置

首先要解决的问题就是页面的设置了，在这里我们要求的是16:9的页面比例，而并非默认的A4纸的页面。

• 创建对象，取消生成第一页

  doc = new PDF({ autoFirstPage: false });

• 添加页面，设置页面大小

  doc.addPage({ margin: 10, size: [960,540] });

• 设置中文字体，支持中文

  此时，需要有一个本地中文文件，在C:\Windows\Fonts中可以找到，这里使用的是微软雅黑

  doc.font('../WeiRuanYaHei-1.ttf');

• 在输入文本前，创建文件流

  doc.pipe(fs.createWriteStream('test.pdf'));

• 插入文本

  doc.text('Hello world!')
  doc.text('Hello world!', 100, 100) //设定文本位置，如果要上下移动，只需要使用您要移动的行数（默认为1）调用moveDownor moveUp方法。
  doc.lineGap(4);
  

  • 文本属性(同样的可以直接配置doc的属性作为全局属性)

    • lineBreak-设置为false禁用所有换行
    • width -文本应换行的宽度（默认情况下，页面宽度减去左右边距）
    • height -文本应剪切到的最大高度
    • ellipsis-太长时显示在文本末尾的字符。设置为true使用默认字符。
    • columns -文本流入的列数
    • columnGap -每列之间的间距（默认为1/4英寸）
    • indent -以PDF磅为单位（每英寸72英寸）的缩进量
    • paragraphGap -文本各段之间的间距
    • lineGap -每行文字之间的间距
    • wordSpacing -文本中每个单词之间的间距
    • characterSpacing -文本中每个字符之间的间距
    • fill-是否填写文字（true默认情况下）
    • stroke -是否描边文本
    • link -链接此文本的URL（创建注释的快捷方式）
    • underline -是否在文字下划线
    • strike -是否删除文字
    • oblique-是否倾斜文字（角度或度数true）
    • baseline-文本相对于其插入点的垂直对齐方式（值为canvas textBaseline）

    可以连续对文本进行操作

    doc.fillColor('green')
       .text(lorem.slice(0, 500), {
         width: 465,
         continued: true
       }).fillColor('red')
       .text(lorem.slice(500));
    

2、插入图片和图形

doc.image('image/img.png', x, y, {width: 100, height: 100}) // 插入图片，并设置图片大小
doc.rect(100, 100, 90, 100).dash(3, {space: 3}).fillAndStroke("#11487B"); // 在（100， 100）处，画一个90*100的方形，并用#11487B颜色填充，设置边框为曲线，space为线条长度。

• image方法可以插入图片

• rect可以画一个方形，可以使用dash使边框变为虚线，undash再变为实线。

• fillAndStroke填充颜色，第二个参数为描边颜色

const PDF = require('pdfkit');
const fs = require('fs');
const doc = new PDF({ autoFirstPage: false });//creating a new PDF object
doc.lineGap(4);
doc.addPage({ margin: 10, size: [960,540] });
doc.font('./WeiRuanYaHei-1.ttf');
doc.pipe(fs.createWriteStream('test.pdf'));  //creating a write stream
const x = 30
doc.rect(x, 85, 315, 145).dash(3, {space: 3}).strokeColor("#808080").stroke();
doc.image('./kit/banner.png', x+110, 110, { width: 90 });
doc.end()

上述代码生成结果：