SVG 是可伸缩矢量图形 (Scalable Vector Graphics) 的简称，它是一种基于 XML 语法的向量图形格式，可用于在网页中显示。同时，PDF 是一种非常流行的文件格式，可用于文档、表格、图片等文件的存储和传输。本文将介绍一个非常好用的 npm 包 svgpdf，它可以将 SVG 转成 PDF。
安装
安装这个包非常简单，只需要在终端中运行以下命令即可进行安装：
npm install svgpdf
使用
svgpdf 除了可以将 SVG 转成 PDF 外，还可以设置页面尺寸、背景颜色、对齐方式等，非常实用。下面我们将逐步讲解如何使用该包。
转换一个 SVG
首先，我们来看如何将一个 SVG 转成 PDF。在 Node.js 中，你可以使用以下代码：
const fs = require('fs');
const svgpdf = require('svgpdf');
const svg = `<svg width="100" height="100"><rect x="10" y="10" width="80" height="80" fill="#f00"/></svg>`;
const stream = svgpdf(svg);
stream.pipe(fs.createWriteStream('output.pdf'));这段代码会生成一个 100×100 的红色矩形，并将其转成 PDF 文件写入到磁盘。
设置页面尺寸
svgpdf 可以根据需要自动调整页面尺寸，但也可以手动设置页面尺寸。你可以使用以下代码来手动设置页面尺寸：
svgpdf(svg, { width: 200, height: 200 }).pipe(fs.createWriteStream('output.pdf'));这段代码将生成一个 200×200 的页面。
设置背景颜色
默认情况下，PDF 的背景是透明的。但如果你想设置一个指定颜色的背景，可以使用以下代码：
svgpdf(svg, { background: '#ccc' }).pipe(fs.createWriteStream('output.pdf'));这段代码将生成一个灰色背景的 PDF 文件。
设置页面对齐方式
默认情况下，SVG 将沿着 PDF 的中心对齐。但你可以使用下列代码来改变对齐方式：
svgpdf(svg, { fit: [200, 200], align: 'center top' }).pipe(fs.createWriteStream('output.pdf'));该代码将固定页面的大小为 200x200，并将 SVG 放置在 PDF 文档的中央顶部。
总结
svgpdf 是一个非常实用的工具，它能够帮助开发人员将 SVG 转成 PDF，同时还提供了丰富的设置选项，如页面尺寸、背景颜色以及对齐方式等。通过学习本文，相信你已经学会了如何在前端中使用 svgpdf 这个 npm 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668f4d9381d61a3540e6e