鍍金池/ 問(wèn)答/HTML/ IE11中怎么把SVG下載為PNG格式保存到本地?

IE11中怎么把SVG下載為PNG格式保存到本地?

問(wèn)題描述

有一個(gè)SVG圖形,想通過(guò)點(diǎn)擊一個(gè)按鈕可以一鍵下載到本地,就IE不能兼容

問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法

我的想法是把SVG先轉(zhuǎn)換成canvas,在通過(guò)canvas.msToBlob(),window.navigator.msSaveBlob(blob, 'svg.png');去下載,但是操作時(shí)轉(zhuǎn)換成canvas就轉(zhuǎn)換不了。
嘗試過(guò)canvg.js這個(gè)插件,但是在IE下會(huì)報(bào)錯(cuò)。

let canvas = document.createElement("canvas");
canvas.width = width;
canvas.height = height;
let svgHtml=document.getElementById("container").innerHTML.trim();
canvg(canvas,svgHtml);

  let blob = canvas.msToBlob();
  window.navigator.msSaveBlob(blob, 'svg.png');

clipboard.png

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

有高手會(huì)解決這個(gè)問(wèn)題嘛

回答
編輯回答
拼未來(lái)

還是右鍵另存為實(shí)用

2017年8月12日 18:45