现在越来越多开发者会选择使用SVG来代替Icon Font，并且有不少可视化的库可以直接绘制SVG图表。除了浏览器可以支持SVG外，那些类似Sketch这样的矢量绘图软件也支持SVG。你可能要问有没有什么办法把页面上的SVG保存下来，导入到这些绘图软件中呢？不要急，今天这篇就来教你个下载SVG的小技巧。

首先要搞明白页面中嵌入SVG的两种方法，一种是像插入图片一样，将.svg后缀的文件直接当做图片插入到页面，如下:

<img src="kiwi.svg" alt="Kiwi standing on oval">

对付这种SVG很简单，就像对待图片一样直接下载就好了，没什么可说的。

另一种方式是行内SVG，这种方式使用了<svg></svg>标签，并且某些时候还会伴有相应的CSS样式，所以处理起来比较棘手。如果单纯的保存SVG，会丢失样式这样的上下文，但如果都想保存的话，还得梳理清除二者之间的关系。

其实应对这种情况比较好的处理方法是借助插件，这里要推荐一个叫「SVG Crowbar」的Chrome插件，使用它可以自动侦测出页面上的SVG图片，点击后就可以下载了。

-完-

参考引用

• http://t.cn/zTqU7kf