在 Web 开发过程中，生成 PDF 文件是常见的需求。传统方法是通过服务器上安装的 PDF 生成工具，但它们往往需要单独的设置和配置，且依赖于服务器的环境。Node.js 的出现使得生成 PDF 文件变得更加简单和灵活。本文将介绍如何使用 Node.js 进行 PDF 文件生成。
实现方式
PDF 文件本质上是一种形式更为正式的 HTML 文件，且具有更多的设定与特性。因此，我们可以使用 Node.js 的 HTML 模板语言，比如 EJS 和 Handlebars，来生成一个或多个 HTML 文件，然后使用第三方库将其转换为 PDF 格式。HTML 模板语言可以将数据注入到 HTML 模板中，从而生成包含数据的 HTML 文件。一旦有了包含数据的 HTML 文件，就可以将其转换为 PDF 文件。
使用第三方库
在 Node.js 中，有不少第三方库可以用来将 HTML 文件转换为 PDF 文件。本文介绍两个常见的库：Puppeteer 和 pdfkit。
Puppeteer
Puppeteer 是一个由 Google 开发的 Node.js 库，可以生成 PDF 文件而不需要浏览器。使用 Puppeteer 生成的 PDF 可以在不同的设备上预览的文件渲染效果非常好。
以下是使用 Puppeteer 生成 PDF 的基本步骤：
安装 Puppeteer
npm install puppeteer
生成 PDF 文件
-- -------------------- ---- -------
----- --------- - ---------------------
------ -- -- -
----- ------- - ----- -------------------
----- ---- - ----- ------------------
----- --------------------------------
----- --- - ----- ----------------- -------
----- ----------------
-----以上代码将启动 Puppeteer，打开 http://example.com 这个页面并转换为 PDF 格式，最后关闭浏览器。
pdfkit
pdfkit 是一个流行的 Node.js 库，可以用于生成 PDF 文件。与 Puppeteer 相比，pdfkit 可以更加自由地控制 PDF 文件的生成过程，并且生成的 PDF 文件更加小巧。
以下是使用 pdfkit 生成 PDF 的基本步骤：
安装 pdfkit
npm install pdfkit
生成 PDF 文件
-- -------------------- ---- ------- ----- -- - -------------- ----- ----------- - ------------------ ----- --- - --- -------------- --------------------------------------------- ----------------------------- -------- ---- ----- ----------
以上代码将生成一个包含“Hello，world！”文本的 PDF 文件，并保存到 output.pdf 文件中。
深入了解
解决中文乱码问题
在生成 PDF 文件时，中文乱码是一个普遍的问题。解决中文乱码问题有不同的方法，常用的方法是使用“华文中宋”等包含中文字符的字体。在使用 pdfkit 时，可以安装并引入这个字体作为 PDF 文档的默认字体。
const doc = new PDFDocument({font: '华文中宋'});生成复杂的 PDF 文件
生成复杂的 PDF 文件通常需要有设计经验和排版能力。PDF 文件生成可以使用 HTML 模板语言和 CSS 来控制样式和布局，从而生成各种不同的 PDF 文件。在使用 Puppeteer 时，可以使用 Chrome 开发者工具来进行调试和排版。
示例代码
以下是使用 pdfkit 生成一个简单的中文 PDF 文件的代码：
-- -------------------- ---- -------
----- -- - --------------
----- ----------- - ------------------
-- ----
----------------- - -
------- -
------- ---------------------------
----- ------------------------
-------- --------------------------
------------ -----------------------------
-
--
----- --- - --- ------------- ----- ---- ---
-----------------
-- -------
---------------------------
-- ----
---
-----------------------
--------- --- -------- - ------ -------- --
------------
-- ----
----- ---- - -
----------- ------- -- --- -------
-------------------- --- - ---- ------
---- ---------------- ---- -------------------
---------- ---- ------------ ---- ---------------- --- -----
--
---
---------------
----------- - ------------- - --
------------
----------
---------------------------------------------总结
本文介绍了如何使用 Node.js 来生成 PDF 文件，包括通过使用 Puppeteer 和 pdfkit 两个第三方库。我们还深入探讨了一些在生成复杂 PDF 文件时需要考虑的相关问题，并提供了示例代码帮助读者更好地理解这些概念。 PDF 文件生成是一个很有用的技能，能够帮助前端工程师更好地满足用户需求和业务要求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e54fcaf6b2d6eab30c0014