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

});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM