如果你是前端开发者，那么你一定会遇到需要将 HTML 转换成 PDF 格式的需求。当然，你可以使用一些第三方工具来实现这个功能，但是使用 npm 包 hm-html-pdf 可以更方便和有效地实现这个功能，并且拥有更多的定制化和控制能力。
简介
hm-html-pdf 是一个基于 html-pdf 包进行二次封装的 npm 包，它能够将 HTML 文件转换成 PDF 文件并保存在本地或者上传到服务器。hm-html-pdf 提供了很多配置项和 API，可以满足你的绝大部分需求。
安装
使用 npm 安装 hm-html-pdf 十分简单，只需要执行以下命令即可：
npm install hm-html-pdf
使用方法
基本用法
使用 hm-html-pdf 最基本的用法就是将 HTML 文件转换成 PDF 并保存到本地。下面是一个例子：
const hmHtmlPdf = require('hm-html-pdf');
hmHtmlPdf.toPdf('<h1>Hello, world!</h1>', 'hello.pdf');在这个例子中，我们传递了一个 HTML 字符串，该字符串将被转换成一个 PDF 文件，并保存在本地的 hello.pdf 文件中。
配置选项
hm-html-pdf 提供了很多配置选项，可以很容易地定制化生成的 PDF 文件，下面是示例代码：
-- -------------------- ---- -------
----- --------- - -----------------------
----- ------- - -
------- ---------
------------ -----------
------- -
---- -------
------ -------
------- -------
----- ------
--
----- ------
-------- ----
----------- --
------- -
------- -----
--
------- -
------- -----
-
--
----- ---- - ----------- -------------
--------------------- ------------ ---------在这个例子中，我们使用了 hm-html-pdf 的多个配置选项，比如 format、orientation、border、header 和 footer。上面的示例将会生成一个带边界、页眉和页脚的 PDF 文件。
页面表头和表尾
在使用 hm-html-pdf 时，你可能需要在 PDF 文件中添加表头和表尾。hm-html-pdf 提供了实现这个功能的选项，如下所示：
-- -------------------- ---- -------
----- --------- - -----------------------
----- ------- - -
------- -
------- -------
--------- ----- ------------------ ----------------------
--
------- -
------- -------
--------- ----- ------------------ ------------- -------- -- ----------------
-
--
----- ---- - ----------- -------------
--------------------- ------------ ---------在这个例子中，我们使用了 hm-html-pdf 的 header 和 footer 配置选项，用于设置 PDF 文件的表头和表尾。注意到我们可以使用 {{page}} 和 {{pages}} 模板标签动态地添加页数信息。
自定义 CSS 样式
默认情况下，hm-html-pdf 使用了基础 CSS 样式，但是你可以自己定义 CSS 样式来优化 PDF 文件的外观。我们可以将 CSS 文件的路径作为选项传递给 hm-html-pdf：
-- -------------------- ---- -------
----- --------- - -----------------------
----- ------- - -
-------- -------------
--
----- ---- - ----------- -------------
--------------------- ------------ ---------在上面的示例中，我们将一个名为 style.css 的 CSS 文件作为选项传递给 hm-html-pdf。
结论
使用 npm 包 hm-html-pdf 可以快速、方便地实现 HTML 转换为 PDF 的需求，并且有很多可定制化的选项可以满足你的需求。我们建议你在项目中使用 hm-html-pdf 以提高工作效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600555fd81e8991b448d2ff4