对于 Web 图像，PNG 是一种首选格式，因为它支持透明度和广泛的兼容性。另一方面，SVG 因其可扩展性而受到青睐，使其成为徽标、图标和其他基于矢量的图形的理想选择。尽管 SVG 有很多优点，但有时将 SVG 转换为 PNG 是必要的，特别是为了确保跨不同平台和设备的兼容性。在这篇博文中，我们将指导您完成使用 Node.js 将 SVG 图形转换为 PNG 格式的过程。

使用 Node.js 将 SVG 转换为 PNG(灰度、旋转、翻转、亮水印)

Node.js API 转换图像

GroupDocs 提供了强大的 转换 API，使开发人员能够转换图像格式并在转换过程中处理生成的图像。该 API 支持多种高级选项，使其成为在 Node.js 中将 SVG 转换为 PNG 的绝佳选择。我们将使用 GroupDocs.Conversion for Node.js 来完成此任务。

首先，您可以通过在项目中运行以下命令来 安装 GroupDocs.Conversion for Node.js：

npm i @groupdocs/groupdocs.conversion

欲了解更多详细信息，请参阅文档和API 参考。

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

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

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

以下是将 SVG 转换为 PNG 的 Node.js 代码：

// 使用 Node.js 转换 API 和默认选项将 SVG 文件转换为 PNG 格式
const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions()

convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png)
converter.convert("path/converted-svg-to-png.png", convertOptions)

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

GroupDocs.Conversion for Node.js 提供了多种自定义选项，您可以在转换过程中将其应用于 PNG 输出。这些选项包括：

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

让我们看看如何在 Node.js 中的 SVG 到 PNG 转换期间应用这些高级选项。

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

以下是应用一些高级选项的 Node.js 代码：

// 使用 Node.js 的各种自定义功能将 SVG 矢量转换为 PNG 格式

const converter = new groupdocs.conversion.Converter("path/vector-graphic.svg")
const convertOptions = new groupdocs.conversion.ImageConvertOptions();

convertOptions.setFormat(groupdocs.conversion.ImageFileType.Png);
convertOptions.setFlipMode(groupdocs.conversion.ImageFlipModes.FlipY);
convertOptions.setBrightness(50);
convertOptions.setContrast(50);
convertOptions.setGamma(0.5);
convertOptions.setGrayscale(true);
convertOptions.setHorizontalResolution(300);
convertOptions.setVerticalResolution(100);
convertOptions.setPageNumber(1);
convertOptions.setPagesCount(2);

converter.convert("path/converted-svg-to-png.png", convertOptions)

免费在线试用 SVG 到 PNG 转换

需要一种快速简便的解决方案来将 SVG 文件转换为 PNG？使用这个免费的在线 SVG 到 PNG 转换器。它可以通过任何带有网络浏览器的设备访问，非常方便且轻松。

使用 Node.js 将 Word 文档转换为 PDF。

获取免费 API 许可证

您可以获得 GroupDocs.Conversion 的 免费临时许可证，从而允许您使用不受评估限制的 API。

结论

在本文中，我们探讨了如何使用 Node.js 和 GroupDocs.Conversion for Node.js 将 SVG 矢量图形转换为 PNG 图像。我们还展示了如何通过应用旋转、灰度、水印、亮度调整等自定义功能来增强转换过程。这些高级功能可让您根据自己的确切需求定制 PNG 输出。

如需更多示例，请查看 GroupDocs GitHub 存储库，您可以在其中找到各种代码示例，以帮助您构建自己的 SVG 到 PNG 转换器。如果您有任何疑问，请随时通过 论坛 与我们联系。

参见