当前位置: 首页 > 后端技术 > Node.js

在Node.js中将SVG图像转换为PNG、JPEG、TIFF、WEBP和HEIF格式

时间:2023-04-03 19:16:35 Node.js

需要将SVG文件转换为PNG、JPEG、TIFF、WEBP和HEIF格式吗?本文将指导您如何转换为所有这些类型的格式。我们将使用Node.js和Sharpnpm包来完成大部分繁重的工作。目录安装SharpNpmPackageSVGtoPNGSVGtoJPEGSVGtoTIFFSVGtoWEBPSVGtoHEIFInstallSharpNpmPackage首先你需要安装npm包。您可以使用以下npm或yarn命令进行安装:Npm$npminstallsharp--saveYarn$yarnaddsharp现在我们准备开始编写一些代码并转换图像!SVG到PNG对于第一个示例,我们将SVG文件转换为可移植网络图形(PNG)文件格式。确保在项目目录的根目录中有可用的SVG文件。这是完整的代码://Node.jsconstsharp=require("sharp")sharp("file.svg").png().toFile("new-file.png").then(function(info){console.log(info)}).catch(function(err){console.log(err)})让我们分解一下代码的每一部分:首先,导入sharp包并将其保存在sharp变量中。然后,我们使用sharp包读取我们的file.svg文件,将其转换为PNG并使用.toFile()函数将新的PNG文件写入您的目录。sharp方法是我们用来获取文件信息的承诺。最后,我们使用.catch()方法来捕获和console.log()任何错误。运行代码时,您应该得到类似于以下内容的输出:{format:'png',width:2500,height:527,channels:4,premultiplied:false,size:47194}您应该能够看到新的PNG文件.还可以将其他选项传递给.png()方法以更改输出图像。这些包括压缩级别、质量、颜色等。您可以在文档中查看它们。SVG到JPEG现在,让我们将SVG文件转换为JPEG格式。确保在项目目录的根目录中有可用的SVG文件。这是完整的代码:constsharp=require("sharp")sharp("file.svg").png().toFile("new-file.jpg").then(function(info){console.log(info)}).catch(function(err){console.log(err)})运行代码时,您应该得到类似于以下的输出:{format:'jpg',width:2500,height:527,channels:4,premultiplied:false,size:47194}您应该会在项目目录中看到新的JPEG文件。文档:http://sharp.pixelplumbing.co…。SVG到TIFF接下来,让我们将SVG文件转换为标记图像文件格式(TIFF)文件。确保您的项目目录的根目录中有一个我们可以使用的SVG文件。这是完整的代码:constsharp=require("sharp")sharp("file.svg").tiff().toFile("new-file.tiff").then(function(info){console.log(info)}).catch(function(err){console.log(err)})当你运行代码时,你应该得到类似这样的信息:{format:'tiff',width:2500,height:527,channels:3,premultiplied:false,size:65778}您应该会在项目目录中看到新的TIFF文件。文档:http://sharp.pixelplumbing.co…。SVG到WEBP接下来,将SVG文件转换为WEBP文件格式。确保您的项目目录的根目录中有一个我们可以使用的SVG文件。这是完整的代码:constsharp=require("sharp")sharp("file.svg").webp().toFile("new-file.webp").then(function(info){console.log(info)}).catch(function(err){console.log(err)})output:{format:'webp',width:2500,height:527,channels:4,premultiplied:false,size:35600}你您应该会在项目目录中看到新的WEBP文件。文档:http://sharp.pixelplumbing.co…。SVG到HEIF作为最后一个示例,让我们将SVG文件转换为高效图像文件(HEIF)格式。确保在项目目录的根目录中有一个可用的SVG文件。这是完整的代码:constsharp=require("sharp")sharp("file.svg").png().toFile("new-file.heif").then(function(info){console.log(info)}).catch(function(err){console.log(err)})您还应该在项目目录中看到新的HEIF文件。文档:http://sharp.pixelplumbing.co…。结论希望本文能帮助您完成编码工作!