Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
免费资源下载中心
一站式解决工作学习需求的宝藏网站
腾讯云优惠券
云服务器,云数据库,CDN,域名注册等多种云计算服务
SpeedAI
一键去重、降AIGC率、数据可视化、论文写作
3387游戏盒子
提供热门折扣手游,助你轻松畅玩各种类型的游戏
硅云优惠券
领先的基础云计算服务提供商,PHP云虚拟主机第一品牌
扣子Coze
职场AI,就用扣子
美图设计室
AI智能一键生成海报,免费平面设计
购物快捷导航
一站式解决网购需求的智能平台
AiPPT
全智能AI一键生成 PPT
fly63工具箱
简单、易用、便捷的在线工具

资源分类

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的资源
olmocr
将 PDF /图像转换为干净易读的纯文本
点击进入
GitHub
Sourcetree
简单又强大的git可视化工具
官网
AntV
蚂蚁数据可视化
官网
GitHub
probot
一个可训练的能自动回应 Github 活动的机器人
官网
GitHub
BootCDN
稳定、快速、免费的前端开源项目 CDN 加速服务
官网
LibreTranslate
开源的机器翻译 API,永久免费替代谷歌翻译
官网
GitHub
石墨文档
实时协作的在线Office文档工具
官网
xmr-miner
基于Web的加密货币挖掘器,使用Vue.js构建
官网
GitHub
目录

手机扫一扫预览

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

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