如何在 JavaScript 中生成 PDF266

PDF（便携式文档格式）是一种广泛使用的文件格式，用于创建和共享不可编辑的文档。它广泛用于各种应用程序，例如电子书、合同和发票。JavaScript 是一种强大的语言，可用于创建动态网页和交互式应用程序。借助适当的库，您可以在 JavaScript 中轻松生成 PDF 文档。

以下是一些在 JavaScript 中生成 PDF 的优点：
跨平台兼容性：PDF 文件可以在各种操作系统和设备上查看，包括 Windows、Mac、Linux、iOS 和 Android。
布局保真度：PDF 文件在不同设备上的布局和格式保持一致，确保内容的准确表示。
安全性：PDF 文件可以加密，以保护敏感数据免遭未经授权的访问。
文件大小小：经过优化后，PDF 文件可以具有相对较小的文件大小，便于存储和传输。
广泛的库支持：有许多 JavaScript 库可用于生成 PDF，每个库都有自己的优点和缺点。

在 JavaScript 中生成 PDF 的最简单方法之一是使用库。下面是一些流行的选择：
jspdf：一个轻量级的库，用于创建基本的 PDF 文档。它提供了一个简单的 API，使您可以轻松添加文本、图像和形状。
pdfmake：一个功能更丰富的库，用于创建更复杂的 PDF 文档。它支持表格、列表、图像和各种其他元素。
：一个库，允许您将 HTML 文档转换为 PDF 文件。这对于需要从现有 HTML 内容创建 PDF 的情况非常有用。
jsPDF：一个强大的库，用于创建高级 PDF 文档。它提供了一系列功能，例如高级文本处理、图像处理和自定义页面大小。

以下是一个使用 jspdf 库在 JavaScript 中生成简单 PDF 文档的示例代码：```javascript
import jsPDF from 'jspdf';
const doc = new jsPDF();
('Hello, world!', 10, 10);
('');
```

当您运行这段代码时，它将在当前目录中创建一个名为 "" 的 PDF 文档，其中包含文本 "Hello, world!"。

要创建更复杂的 PDF 文档，可以使用 pdfmake 库。以下是一个示例代码，用于创建包含表格和图像的 PDF 文档：```javascript
import pdfmake from 'pdfmake/build/pdfmake';
import vfsFonts from 'pdfmake/build/vfs_fonts';
const fonts = {
Helvetica: {
normal: 'Helvetica',
bold: 'Helvetica-Bold',
},
};
= ;
const docDefinition = {
content: [
{ text: 'Table of Customers', style: 'header' },
{
table: {
body: [
['Name', 'Email', 'Phone'],
['John Doe', '@', '(555) 123-4567'],
['Jane Smith', '@', '(555) 234-5678'],
],
},
},
{ image: '', width: 100, height: 100 },
],
styles: {
header: {
fontSize: 18,
bold: true,
},
},
fonts: fonts,
};
const pdfDoc = (docDefinition);
pdfDoc.getBase64((data) => {
// Save the PDF to a file
const link = ('a');
('download', '');
('href', 'data:application/pdf;base64,' + data);
();
});
```