当涉及到网页图像时,PNG 由于支持透明度且兼容性广泛而成为首选格式。另一方面,SVG 因其可伸缩性而受到青睐,非常适合用于徽标、图标以及其他基于矢量的图形。尽管 SVG 具有诸多优势,但在某些情况下仍需要将 SVG 转换为 PNG,尤其是为了确保在不同平台和设备上的兼容性。在本文中,我们将指导您如何使用 Node.js 将 SVG 图形转换为 PNG 格式

Convert SVG to PNG using Node.js (Grayscale, Rotate, Flip, Bright Watermark)

Node.js 图像转换 API

GroupDocs 提供了强大的 Conversion API,使开发者能够在转换过程中转换图像格式并对生成的图像进行操作。该 API 支持广泛的高级选项,是在 Node.js 中将 SVG 转换为 PNG 的理想选择。我们将使用 GroupDocs.Conversion for Node.js 来完成此任务。

要开始使用,您可以在项目中运行以下命令来 install GroupDocs.Conversion for Node.js:

npm i @groupdocs/groupdocs.conversion

更多详情,请访问 documentationAPI Reference

使用 Node.js 将 SVG 转换为 PNG 图像

让我们先使用默认设置将 SVG 矢量图形转换为 PNG 格式。以下步骤概述了如何使用 Node.js 将 SVG 图像转换为 PNG。

  • 加载 SVG 文件,使用 Converter 类。
  • 设置 转换选项
  • 输出格式 指定为 PNG。
  • 使用准备好的选项调用 convert() 方法。

下面的 Node.js 代码演示了将 SVG 转换为 PNG 的过程:

使用 Node.js 进行高级 SVG 到 PNG 转换

GroupDocs.Conversion for Node.js 提供了多种自定义选项,您可以在转换过程中对 PNG 输出进行调整。这些选项包括:

  • 亮度调节
  • 对比度调节
  • 伽马校正
  • 灰度转换
  • 水平或垂直翻转
  • 旋转角度
  • 自定义图像尺寸(高度和宽度)
  • 添加水印

下面展示如何在 Node.js 中应用这些高级选项进行 SVG 到 PNG 的转换。

  • 加载 SVG 文件,使用 Converter 类。
  • 设置图像 转换选项
  • 输出格式 指定为 PNG。
  • 定义 自定义设置,如亮度、旋转或其他可用选项。
  • 调用 convert() 方法生成 PNG。

以下是应用部分高级选项的 Node.js 代码示例:

免费在线尝试 SVG 到 PNG 转换

需要快速简便的方式将 SVG 文件转换为 PNG 吗?使用此免费在线 SVG to PNG converter。只要有浏览器的任意设备都可以访问,使用方便且无需繁琐操作。

Convert Word Document to PDF using Node.js.

获取免费 API 许可证

您可以获取一份 free temporary license 用于 GroupDocs.Conversion,从而在没有评估限制的情况下使用该 API。

结论

在本文中,我们展示了如何使用 GroupDocs.Conversion for Node.js 将 SVG 矢量图形转换为 PNG 图像,并演示了如何通过旋转、灰度、水印、亮度调节等自定义操作来增强转换过程。这些高级功能使您能够根据具体需求定制 PNG 输出。

想获取更多示例,请查看 GroupDocs GitHub repository,其中包含各种代码示例,帮助您构建自己的 SVG 到 PNG 转换器。如有任何疑问,欢迎通过 forum 与我们联系。

另请参阅