怎样保存网页上的svg图片?

我以Google浏览器和阿里图标库(iconfont)举例,教大家怎么保存iconfont上的LOGO。

需要什么:

sublime text 编辑器,sublime text软件的下载地址请点击原文地址去下载

iconfont

步骤流程:

第一步:

在浏览器任意区域先右键点击**检查**,弹窗开发者工具,然后选择开发者工具右侧上的箭头后点击要保存的SVG图片,在代码区域就会出现一段以SVG开头的代码。

《怎样保存网页上的svg图片?》

第二步:

选中这段代码后右键点击编辑该代码,Ctr+A选中,Ctr + C复制整段代码

《怎样保存网页上的svg图片?》

《怎样保存网页上的svg图片?》

第三步:

复制代码到sublime text编辑器,然后保存,保存时命名为名称+ .svg,格式设置为svg的就可以保存到自己的本地电脑上了。

《怎样保存网页上的svg图片?》

保存后就能看到iconfont的图标了,喜欢的朋友点个赞支持下哦~~

《怎样保存网页上的svg图片?》

sublime text 3下载地址

链接:https://pan.baidu.com/s/1PUqeKQP_zxBWprOVJpENgQ提取码:o186

    原文作者:有设
    原文地址: https://www.jianshu.com/p/72815b6bbb19
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞