svg保存为图⽚下载到本地
今天给⼤家说⼀个将svg下载到本地图⽚的⽅法,这⾥我不得不吐槽⼀下,为啥博客园不可以直接上传本地⽂件给⼤家⽤来直接下载分享呢,好,吐槽到此为⽌!
这⾥需要⽤到⼀个js⽂件,名字⾃⼰起,内容如下:
看到这⾥还以为我写了⼀万多字的博客,太占内存和视觉距离了
然后在⾃⼰的svg页⾯中获取到该svg,我的代码是这个样⼦的
var canvas = $("#today_chartcontainer svg")[0];
//调⽤⽅法转换即可,转换结果就是uri,
svgAsPngUri(canvas, null, function(uri) {
//这⾥的uri就是要下载到本地的图⽚地址,是不是很简单啊
$("#tabpanel_items").append('<a class="downBtn"; href="'+uri+'" download="图⽚下载">下载图⽚</a>');
svg canvas
});

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。