convert-svg-core 是一个强大的 npm 包，能够帮助前端开发者轻松地将 SVG 图片转换为其他格式，如 PNG、JPEG 等。使用 convert-svg-core 可以提高开发效率，减少工作量，下面将介绍 convert-svg-core 的使用方法。
安装
在使用 convert-svg-core 之前，需要先安装它。可以通过 npm 安装，命令如下：
npm install convert-svg-core
使用
使用 convert-svg-core 转换 SVG 图片非常简单，只需要引入 convert-svg-core 并调用其 convert 方法即可。以下是一个示例：
-- -------------------- ---- ------- ----- -------------- - ---------------------------- ----- -- - -------------- -- -- --- -- ----- --------- - ----------------------------- -------- -- --- --- -- ----- --------- - ------------------------------------------------------- -- ----- --- ------- ------------------------------ -----------
上面的示例首先读取一个 SVG 文件，然后将其转换为 PNG 格式，并将转换后的图片保存到磁盘中。
深入理解
除了基本的使用方法，还有一些更深入的理解有助于可以更加灵活地使用 convert-svg-core。
SVG 数据类型
convert-svg-core 支持的 SVG 数据类型如下：
- svg 文本：SVG 图片的纯文本表示
- dom：解析后的 DOM 树
- path：由 SVG path 数据构成的字符串
- object：一个包含填充颜色、路径数据、宽度、高度的对象
转换方法
convert 方法支持的转换方法如下：
- to(format: string) - 将 SVG 图片转换为指定格式，支持的格式包括 png、jpeg、webp、pdf、eps、svg，同时也支持指定转换的大小和文件名。例如：
ConvertSvgCore.convert(svgString)
.to('png')
.toFile('./test.png');- toArray() - 将 SVG 图片转换为 Base64 编码数组。例如：
const base64Array = ConvertSvgCore.convert(svgString).toArray();
- toStream() - 将 SVG 图片转换为可读流。例如：
const stream = ConvertSvgCore.convert(svgString).toStream();
- toBuffer() - 将 SVG 图片转换为 Buffer 对象。例如：
const pngBuffer = ConvertSvgCore.convert(svgString).to('png').toBuffer();配置方法
convert 方法也支持一些配置方法，常用的如下：
- setConcurrency(number: number) - 设置转换的并发数。例如：
-- -------------------- ---- ------- -- ------ - --------------------------------- -- ---- --- -- ------------- -------------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- -------------------------------------------------------- ---
- setMaxCache(number: number) - 设置最大的缓存大小。例如：
// 设置缓存大小为 50MB ConvertSvgCore.setMaxCache(50 * 1024 * 1024);
- setVerbosity(level: number) - 设置输出级别。例如：
// 设置输出级别为 3 ConvertSvgCore.setVerbosity(3);
总结
通过学习 convert-svg-core 的使用方法和深入理解，我们可以更加灵活地使用它来帮助我们完成工作。convert-svg-core 是一个非常有用的 npm 包，可以大大提高前端开发效率，降低工作难度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f742e1ea9b7065299ccbc5b