d3.js和百度的echarts能够在网页端利用js代码绘制出各类型漂亮的图形。该类图形通常在网页chart容器中，以canvas或svg节点id所标记。
在网页中，绘制的通常是矢量图形。不会随着网页放大而失真，但采用常规截图的方式保存图片，失真无法避免。因此，人们通常采用各种形式的js代码将网页中的svg图保存到本地。
本人近期因为一个项目展示的需要。产生了将d3.js绘制的svg图保存到本地而不失真的需求。在Stack Overflow上有多个解决办法，但是遗憾的是都无法实现我的需求，原因是我的网页图片标签是通过js函数写到网页上的。在网页源代码中只能看到js包含和调用，而看不到各种标签。因此，凡是采用js代码写本地图片的方法都失败了。
我无意中在github上看到了一个简便的一键式解决办法。特引用至此，供有需要的人士参考。
该办法的原始网址是：http://nytimes.github.io/svg-crowbar/
名称：SVG Crowbar
功能：基于google Chrome 的小标签应用（只能用于Google Chrome浏览器）。
方法：
1、将 SVG Crowbar （版本1） 或 SVG Crowbar 2 （版本2）拖至Google Chrome浏览器的标签栏.
2、点开需要下载svg标签图的网页，然后点击svg crowbar标签，即可解析出网页中svg node，然后下载保存即可。
我是利用版本2成功的。如下图，完美解析出我的svg node，直接点download就行了。一键式操作，简单便捷。再也不用去调试各种js代码了。
