npm 包 jspdf-new 使用教程

什么是 jspdf-new

npm 是前端包管理器，而 jspdf-new 就是一款基于 jsPDF 的打印库，可以利用 jsPDF 生成 PDF，并且拓展了新的特性。

安装

npm i jspdf-new

基本使用

生成 PDF:

import jsPDF from 'jspdf';
import 'jspdf-new';

const pdf = new jsPDF();
pdf.text('Hello World', 10, 10);
pdf.newPage();
pdf.text('New Page', 10, 10);
pdf.save('test.pdf');

使用 jspdf-new 新特性中一项：

import jsPDF from 'jspdf';
import 'jspdf-new';

const pdf = new jsPDF();
pdf.addHTML('Hello World', () => {
  pdf.save('add-html.pdf');
});

jspdf-new 特性

1. addHTML

可以通过 addHTML 直接将 HTML 内容生成到 PDF 中。

使用：

const pdf = new jsPDF();
pdf.addHTML(document.body, () => {
  pdf.save('add-html.pdf');
});

2. SplitTextToSize

可以将文本按照指定的宽度进行分页。

使用：

const pdf = new jsPDF();
pdf.setFontSize(20);
const longText = 'Hello World '.repeat(100);
const textArray = pdf.SplitTextToSize(longText, 210);
textArray.forEach((text, i) => {
  pdf.text(text, 10, 10 + (i * 10));
});
pdf.save('split-text.pdf');

总结

jspdf-new 是一款非常实用的前端打印库，为开发者提供了方便快捷的 PDF 生成方式，并且拥有丰富的特性，可以很好地满足大部分 PDF 生成需求。在实际开发中，我们可以结合 jspdf-new 自身特性，更加便利地用 jsPDF 生成 PDF。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006735b890c4f7277583f1a