在Node.js中如何将SVG图像转换为PNG，JPEG，TIFF，WEBP和HEIF格式(node.js,png,svg,web开发)

SVG 转 PNG

对于第一个例子，我们将 SVG文 件转换为可移植网络图形（PNG）文件格式。确保你在项目目录的根目录中有一个可用的 SVG 文件。

这是完整的代码：

constsharp=require("sharp")

让我们分解代码的每个部分：

首先，导入 sharp 包并将其保存在 sharp 变量中。

然后，我们用 sharp 包来读取我们的 file.svg 文件，将其转换为 PNG 并使用 .toFile() 函数将新的 PNG文件写入你的目录。

sharp 方法是一个 promise，我们用它来获取文件的 info。

最后，我们用 .catch() 方法来捕获并 console.log() 所有错误。

当你运行代码时，应该得到类似的输出：

你应该能够在项目目录中看到新的 PNG 文件。

还可以将其他选项传递给 .png() 方法来更改输出图像。这些包括压缩级别、质量、颜色等。你可以在文档中查看它们。

SVG 转 JPEG

现在，让我们将 SVG 文件转换为 JPEG 格式。确保项目目录的根目录中有一个 SVG 文件可供使用。

这是完整的代码：

当运行代码时，你应该得到类似的输出：

你应该在项目目录中看到新的JPEG文件。

文档：http://sharp.pixelplumbing.com/en/stable/api-output/#png

SVG 转 TIFF

接下来，让我们将SVG文件转换为标记图像文件格式（TIFF）文件。确保你在项目目录的根目录中有一个我们可以使用的SVG文件。

这是完整的代码：

当你运行代码时，应该得到类似的输出：

你应该在项目目录中看到新的TIFF文件。

文档：http://sharp.pixelplumbing.com/en/stable/api-output/#tiff

SVG到WEBP

接下来，将 SVG 文件转换为 WEBP 文件格式。确保你在项目目录的根目录中有一个我们可以使用的SVG文件。

这是完整的代码：

输出：

你应该在项目目录中看到新的WEBP文件。

文档：http://sharp.pixelplumbing.com/en/stable/api-output/#webp

SVG到HEIF

最后一个例子，让我们将 SVG 文件转换为高效图像文件（HEIF）格式。确保你在项目目录的根目录中有一个可用的SVG文件。

这是完整的代码：

你还应该在项目目录中看到新的HEIF文件。