Deno 中如何生成 PDF 文档

PDF（Portable Document Format）是一种常用的跨平台文档格式，广泛应用于各种场景，如电子书、报告、合同等。在前端开发中，我们可能需要生成 PDF 文档，以便用户下载或打印。本文将介绍如何在 Deno 中生成 PDF 文档，并提供详细的指导和示例代码。

Deno 简介

Deno 是一个安全的 JavaScript 和 TypeScript 运行时环境，由 Node.js 的创始人 Ryan Dahl 开发。相比 Node.js，Deno 具有更好的安全性、更好的模块化支持和更好的开发者体验。Deno 中的模块可以直接从 URL 引入，不需要安装到本地，这使得依赖管理更加简单。

生成 PDF 文档的库

在 Deno 中生成 PDF 文档，需要使用第三方库。目前有多个库可供选择，如 pdf-lib、puppeteer、jsPDF 等。本文将介绍其中两个库：pdf-lib 和 puppeteer。

pdf-lib

pdf-lib 是一个用于创建和修改 PDF 文档的库。它支持创建和修改 PDF 文档的各种元素，如文本、图像、表格、书签等。使用 pdf-lib 可以实现高度自定义的 PDF 文档生成。

// javascriptcn.com 代码示例
import { PDFDocument, StandardFonts } from 'pdf-lib';

// 创建一个新的 PDF 文档
const pdfDoc = await PDFDocument.create();

// 添加一页
const page = pdfDoc.addPage();

// 添加文本
const font = await pdfDoc.embedFont(StandardFonts.Helvetica);
const fontSize = 50;
const text = 'Hello, World!';
const { width } = font.getTextDimensions(text, { size: fontSize });
page.drawText(text, {
  x: page.getWidth() / 2 - width / 2,
  y: page.getHeight() / 2 + fontSize / 2,
  size: fontSize,
  font,
});

// 将 PDF 文档转换为二进制数据
const pdfBytes = await pdfDoc.save();

// 将二进制数据保存为文件
await Deno.writeFile('hello.pdf', pdfBytes);

以上代码创建了一个包含文本的 PDF 文档，并将其保存为文件。pdf-lib 还支持更多的 PDF 元素，如图像、表格、书签等，可以根据实际需求进行选择。详细的 API 文档可以在官方网站上找到。

puppeteer

puppeteer 是一个用于控制 Headless Chrome 的库，可以模拟用户在浏览器中的操作。使用 puppeteer 可以生成包含动态内容的 PDF 文档，如 SPA 应用程序、动态图表等。

// javascriptcn.com 代码示例
import puppeteer from 'https://cdn.skypack.dev/puppeteer@10.4.0';

// 启动浏览器
const browser = await puppeteer.launch();

// 创建一个新的页面
const page = await browser.newPage();

// 导航到页面
await page.goto('https://www.baidu.com/');

// 等待页面加载完成
await page.waitForLoadState();

// 将页面保存为 PDF
await page.pdf({ path: 'baidu.pdf' });

// 关闭浏览器
await browser.close();

以上代码使用 puppeteer 访问百度首页，并将其保存为 PDF 文档。puppeteer 还支持更多的页面操作，如截屏、模拟用户输入、执行 JavaScript 等，可以根据实际需求进行选择。详细的 API 文档可以在官方网站上找到。

总结

本文介绍了在 Deno 中生成 PDF 文档的两个库：pdf-lib 和 puppeteer。pdf-lib 支持创建和修改 PDF 文档的各种元素，适用于生成静态的 PDF 文档。puppeteer 可以模拟用户在浏览器中的操作，适用于生成包含动态内容的 PDF 文档。使用这两个库可以满足不同的 PDF 文档生成需求。

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