svg转png

svg转png网络上常用的方式有两种:

1.直接转base64放到图片src进行显示,测试效果不佳,始终报方法问题。

2.先转canvas,再转为png图,测试效果可以但svg透明背景到了canvas转换会变黑。

推荐使用方法三:

复制链接下载svg转png的js

http://p8sv0x8g6.bkt.clouddn.com/saveSvgAsPng.js

方法使用:

//获取svg我这里的是获取到了id=svg的div框里面的svg

var canvas = $("#svg svg")[0];

//调用方法转换即可,转换结果就是uri,我3这里是放到了原地址,大家可以按情况自己设置

svgAsPngUri(canvas, null, function(uri) {

    $("#svg").html('<img src="' + uri + '" alt="转换失败"/>');

});

猜你喜欢

转载自www.cnblogs.com/zhaozhou/p/9227590.html