全国咨询热线:18720358503

分享几个小程序的推广_在Node.js中将SVG图画转换为

类别:媒体报道 发布时间:2021-01-07 浏览人次:

在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法       这篇文章主要介绍了在Node.js中将SVG图像转换为PNG,JPEG,TIFF,WEBP和HEIF格式的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

你需要将SVG文件转换为PNG、JPEG、TIFF、WEBP 和 HEIF 格式吗?本文将指导你如何转换为所有这些类型的格式。

我们将使用 Node.js 和npm 包来完成大部分繁重的工作。

目录

安装 Sharp Npm 包 SVG 转 PNG SVG 转 JPEG SVG 转 TIFF SVG 转 WEBP SVG 转 HEIF

安装Sharp Npm Package

首先你需要安装 npm 包。你可以使用下面的 npm 或 yarn 命令安装:

Npm

$ npm install sharp --save

Yarn

$ yarn add sharp

现在我们已经准备好开始编写一些代码并转换图像了!

SVG 转 PNG

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

这是完整的代码:

// Node.js
const sharp = require("sharp")
sharp("file.svg")
 .png()
 .toFile("new-file.png")
 .) {
 )
 .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 文件可供使用。

这是完整的代码:

const sharp = require("sharp")
sharp("file.svg")
 .png()
 .toFile("new-file.jpg")
 .) {
 )
 .catch(function(err) {
 console.log(err)

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

 format: 'jpg',
 width: 2500,
 height: 527,
 channels: 4,
 premultiplied: false,
 size: 47194

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

文档:

SVG 转 TIFF

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

这是完整的代码:

const sharp = require("sharp")
sharp("file.svg")
 .tiff()
 .toFile("new-file.tiff")
 .) {
 )
 .catch(function(err) {
 console.log(err)

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

 format: 'tiff',
 width: 2500,
 height: 527,
 channels: 3,
 premultiplied: false,
 size: 65778

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

文档:

SVG到WEBP

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

这是完整的代码:

const sharp = require("sharp")
sharp("file.svg")
 .webp()
 .toFile("new-file.webp")
 .) {
 )
 .catch(function(err) {
 console.log(err)

输出:

 format: 'webp',
 width: 2500,
 height: 527,
 channels: 4,
 premultiplied: false,
 size: 35600

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

文档:

SVG到HEIF

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

这是完整的代码:

const sharp = require("sharp")
sharp("file.svg")
 .png()
 .toFile("new-file.heif")
 .) {
 )
 .catch(function(err) {
 console.log(err)

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

文档:

结论

希望本文能帮助你完成编码工作!也希望大家多多支持凡科。

原文:


推荐阅读

分享几个小程序的推广_在Node.js中将SVG图画转换为

在Node.js里将SVG图象变换为PNG,JPEG,TIFF,WEBP和HEIF文件格式的方式 本文关键详细介绍了在Node.js里将SVG图象变换为PNG,JPEG,TIFF,WEBP和HEIF文件格式的方式,原文中根据实例编码详细...

2021-01-07
餐馆微信小程序_vue 兄弟组件的信息传递的方法实

vue 弟兄部件的信息内容传送的方式案例详细说明 本文关键详细介绍了vue 弟兄部件的信息内容传送的方式,文中根据案例编码给大伙儿详细介绍的十分详尽,具备一定的参照效仿使...

2021-01-07
郑州铁路局音像记录仪(乘务)采购项目中标结

郑州市铁路线局音像纪录仪(乘务)购置新项目招标結果的公示公告 公布:局物资供应处郑州市铁路线局音像纪录仪(乘务)购置()新项目招标会早已审查完毕,现将招标結果公示公告...

2021-01-07
工信部称谷歌牌照仍在审 谷歌中国在大陆只剩

自6日起,网页页面底端出現“c2010—ICP证合字B2-号”字眼,并连接至国家工信部办理备案网站后台管理系统软件,引起外部“Google已获得ICP续牌”的猜想。国家工信部新闻报道讲话人王...

2021-01-07
济宁小程序如何做_IE11下CKEditor在Bootstrap Modal中下

IE11下CKEditor在Bootstrap Modal中往下拉难题的处理 本文关键详细介绍了IE11下CKEditor在Bootstrap Modal中往下拉难题的处理方式,具备一定的参照使用价值,很感兴趣的小伙子伴们能够参照...

2021-01-07
网站优化网站建设对网站的好处有哪些

当一家企业基本建设了一个官方网站以后,期待自身的网站可以在互联网营销推广行业之中产生大量销售业绩。因而,就必须开展技术专业的企业网站建设和营销推广,在互连在网上产...

2021-01-07
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信