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="轉換失敗"/>');
});