svgo 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
svgo 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票

软件简介

svgo 是一个基于 Node.js 用于优化 SVG 矢量图形文件的工具。

为什么使用 svgo?

  • 从各种编辑器导出的 SVG 文件通常包含大量冗余和无用的信息,例如编辑器元数据、注释、隐藏的元素、默认值或者非最优值以及可以安全地删除或转换而不影响 SVG 渲染结果的其他内容。

展开阅读全文

代码

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2019/01/30 21:50

Error: postcss-svgo: Error in parsing SVG: Unquoted attribute value 无法解析svg

把SVG用双引号包起来 background-image: url("data:image/svg+xml;charset=utf-8,\"<svg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs><line id=\'l\' x1=\'60\' x2=\'60\' y1=\'7\' y2=\'27\' stroke=\'%23fff\' stroke-width=\'11\' stroke-li...

0
0
2018/11/30 15:14

vue打包报错UnhandledPromiseRejectionWarning: postcss-svgo: Error in parsing SVG的解决方案

vue项目打包运行时报错如下: 项目中引用了MUI框架,需要将mui框架的css文件中,需要把mui.css文件中的svg图片单引号改双引号,具体做法: 在项目中查找所有包含'svg'的css文件,而后修改url最外层的单引号为双引号即...

0
0
05/18 11:56

优化自己的svg

记录时间 2020年5月18日 11点51分 一、svgo简介 项目地址:https://github.com/svg/svgo, 目前4000+星星~ 随着SVG的高歌猛进,以后一定会平稳增加。 svgo是SVG Optimizer的简写,不过,我似乎更喜欢理解为SVG, go...

0
0
发表于大前端专区
11/13 20:46

mathjax 导出svg和png

导出png是为了在使用过程中借助透明背景可以实现一个特殊的放置需求, 如果是jpg则因为白色背景会遮住后面的背景 可以调整输出大小, 更加清晰的输出大图 const scale = 2 const w = +svg.getAttribute("wi...

0
0
发表于大前端专区
02/05 11:22

svg的两个坑

1. WebStorm 按两下空格输入 soft wrap 进行换行 2. 第一个坑: svg 中的 fill 属性处理 svg 里面如果有 fill="",就会有颜色,可以手动去除,但是如果有很多个 svg 那么一个个去很麻烦 用 svgo-loader 解决这个问题...

0
0
发表了博客
2019/04/10 10:10

18、vue-cli3引入封装svg图标

svg图标放大不失真,png会出现失真现象。 一、方法一 1、在对应vue项目里添加插件 vue add svg-sprite 输入 Y 2、再执行 npm install svgo svgo-loader --save-dev 然后你就会看到 自动新增 的根目录文件vue.config.js和src/components/SvgIcon.vue,如图: 3、在main.js里注册SvgIcon组件 //引入svg组件 import SvgIcon...

0
1
发表了博客
2019/09/06 17:47

vue2.0中使用svg

1、安装svg-sprite-loader和svgo插件 yarn add svg-sprite-loader svgo 2、在components文件夹下面增加svgIcon.vue组件 // svgIcon.vue <template> <svg :class="svgClass" aria-hidden="true" :width="swidth" :height="sheight"> <use :xlink:href="iconName" /> </svg> </template> <script> expor...

0
0
发表于大前端专区
06/17 10:08

向强大的SVG迈进

“ SVG 即 Scalable Vector Graphics 可缩放矢量图形,使用XML格式定义图形。 ” 一、SVG印象— SVG 的应用十分广泛,得益于 SVG 各种强大的特性。 1.1、 矢量 可利用 SVG 矢量的特点,描出深圳地铁的轮廓: 1.2、...

0
0
发表了博客
2016/11/10 10:44

为GD::SVG添加newFromSVG

想要在已存在的SVG基础上做图,所以需要添加函数 newFromSVG()

0
0
2017/03/15 18:38

3 月值得关注的 15 个 JavaScript 和 CSS 库

点击上面  免费订阅本账号! 本公众号主要推送javaweb开发相关技术,基础知识点,同时会深入剖析复杂的问题,分享一些优秀的框架,大型项目经验,当今最流行的Javaweb技术,热点科技新闻,招聘信息,生活乐趣等...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
1 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部