svg to PNg

svg 是一种矢量图形，在 web 上应用很广泛，但是很多时候由于应用的场景，常常需要将 svg 转为 png 格式，下载到本地等。随着浏览器对 HTML 5 的支持度越来越高，我们可以把 svg 转为 png 的工作交给浏览器来完成。

一般方式

1. 创建 imageimage，src = xxx.svg;
2. 创建 canvas，dragImage 将图片贴到 canvas 上；
3. 利用 toDataUrl 函数，将 canvas 的表示为 url；
4. new image, src = url, download = download.png；

 

 

 

方法2 直接调用 函数即可转换png图形

//svg节点  图片名称， 缩放比例
    //saveSvgAsPng(document.getElementById("diagram"), "diagram.png", {scale: 0.5});
 saveSvgAsPng(document.getElementById("svg334082356"), "kevinGuoSvg.png");

 

下载传送门   http://download.csdn.net/detail/g334082356/9492526

 

 

 

 

 

查看资料 ：http://www.tuicool.com/articles/ABbeymM