热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

在线编辑_使用在线编辑svg软件修改svg图片

本文由编程笔记#小编为大家整理,主要介绍了使用在线编辑 svg 软件修改 svg 图片相关的知识,希望对你有一定的参考价值。 网站需要使用图标字体,但设计师给的图标图层有问题,故使用下面说陈述方法简单
本文由编程笔记#小编为大家整理,主要介绍了使用在线编辑 svg 软件修改 svg 图片相关的知识,希望对你有一定的参考价值。


网站需要使用图标字体,但设计师给的图标图层有问题,故使用下面说陈述方法简单修改了一下。使用到的在线编辑软件地址为:https://editor.method.ac/

:此情况只适用于你不想找设计师处理图标,设计师去改,当然最好,但总有不愿意去找的时候 ,是吧 ...  ~ O(∩_∩)O哈哈~

 

问题:

技术分享图片

注:至于如何使用图标字体,请自行查找资料,此处便不解释了。 

 

调整后所需要 svg 图:

技术分享图片

 

具体方法:

1、打开网站,并在左上角“File” -- "Open SVG...",打开已有的 svg 图片

技术分享图片

2、此处简单介绍一下界面

技术分享图片

 

3、背景色设置透明

技术分享图片

技术分享图片

 

4、设置svg大小

1)设置精确数值、Sizes选项自适应调整svg大小

技术分享图片

 

2)手动缩放svg图大小 

若觉得展示图片过小,可选此调大可视范围

技术分享图片

 

技术分享图片

5、调整完毕

技术分享图片

6、导出svg图,选择左上角 “File"--"Save image..." 即可,浏览器自行下载(所用谷歌浏览器)

技术分享图片

 

 然后找到保存的svg图片,可以用浏览器方式打开,查看其周围的多余空白是否已经没有。(查看方式便不解释了,相信你会的)

 


推荐阅读
author-avatar
百变精灵800
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有