Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
Trae
字节跳动推出的 AI原生编程工具
蜂小推
不扣量的项目推广平台
免费资源下载中心
一站式解决工作学习需求的宝藏网站
AiPPT
全智能AI一键生成 PPT
美图设计室
AI智能一键生成海报,免费平面设计
扣子Coze
职场AI,就用扣子
豆包AI
字节跳动旗下 AI 智能助手
奇绘馆AI视频
新一代AI视频创作平台
趣网商城
私密生活好物,隐私配送,无痕购物
SpeedAI
一键去重、降AIGC率、数据可视化、论文写作

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

svgexport

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

GitHub:https://github.com/shakiba/svgexport
描述信息:快速实现 svg 转 png,jpg等格式
GitHub
svg 是 用于描述二维矢量图形的图形格式,有着很多的优势,但是有时候并不是所有的场景都支持 svg,那么这时候,我们需要将svg 图片转换成 png 等格式。

svgexport 是一个 NodeJs 模块,也是一个命令行工具,可以实现 从 svg 转换成png,jpeg等格式。

安装很简单

npm install svgexport -g

使用方式

svgexport <input file> <output file> <options>
svgexport <datafile>

<options>        [<format>] [<quality>] [<input viewbox>] [<output size>] [<resize mode>] [<styles>]

<format>         png|jpeg|jpg
                 If not specified, it will be inferred from output file extension or defaults to "png".

<quality>        1%-100%

<input viewbox>  <left>:<top>:<width>:<height>|<width>:<height>
                 If input viewbox is not specified it will be inferred from input file.

<output size>    <scale>x|<width>:<height>|<width>:|:<height>
                 If output size is specified as width:height, <viewbox mode> is used.

<viewbox mode>   crop|pad
                 Crop (slice) or pad (extend) input to match output aspect ratio, default mode is "crop".

<datafile>       Path of a JSON file with following content:
                 [ {
                   "input" : ["<input file>", "<option>", "<option>", ...],
                   "output": [ ["<output file>", "<option>", "<option>", ...] ]
                 }, ...]
                 Input file options are merged with and overridden by output file options.
                 Instead of a JSON file, a Node module which exports same content can be provided.

转换示例

按比例扩大1.5x

svgexport input.svg output.png 1.5x

按比例缩放,指定宽度为32px

svgexport input.svg output.png 32:

设置宽高(32px:54px)进行缩放

svgexport input.svg output.png  32:54

设置JPEG 输出质量

svgexport input.svg output.jpg 80%

批量转换脚本

#!/usr/bin/env ruby
# encoding: utf-8
dir = ARGV[0]

Dir.entries(dir).select { |f|
    f.end_with? '.svg'
}.each { |f|
    newFile = f.gsub '.svg', '.png'
    puts newFile
    system "cd #{dir} && svgexport #{f} #{newFile} 120:120"
}


仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/3661

更多»
热门资源
fly63工具箱
简单、易用、便捷的在线工具
官网
GitHub
remove.bg
消除图片背景:100% 自动 – 只需 5 秒
官网
阿里云DataV
地图数据
官网
retoucher
在线AI智能抠图去背景工具
官网
飞书多维表格
飞书旗下的一款在线协作与业务管理工具
官网
Apifox
API 文档、API 调试、API Mock、API 自动化测试一体化协作平台
官网
易文档
需求文档、API文档、部署文档到使用手册
官网
mdx-deck
基于MDX的演示文稿
官网
GitHub
YouCompress
在线免费文件压缩工具
官网
iHateRegex
快速搜索并匹配到合适的正则表达式
官网
GitHub
Trilium Notes
层级结构的笔记程序,专注构建个人的大型知识库
点击进入
GitHub
CodeZen
在线源代码转图片工具
官网
类似于svgexport的资源
ApiAdmin
专注于API的管理后台
官网
大盘云图
实时A股市场热力图与行情分析平台
官网
云配色
一键查询网页前端CSS、JS技术架构和配色方案
官网
snapdom
免费开源的Js高性能现代网页截图/海报生成工具
官网
GitHub
LearnGitBranching
一个git存储库可视化工具,沙箱
官网
GitHub
AdobeColor
非常便捷的在线配色网站
官网
凹凸工坊
手写模拟器,手写稿件生成工具
官网
RustDesk
开源远程桌面软件,开箱即用,无需任何配置
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网 All Rights Reserved. 提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。