javascript - 使用 Javascript 在 IE 中将 Canvas 下载到图像

Question

下面的代码会将 Canvas 转换为图像，并在 IE 以外的浏览器中下载相同的内容(我使用的是 IE9)。IE 代码在新选项卡中打开数据 URL。但是，它不可下载。

     if(navigator.appName == "Microsoft Internet Explorer")
              {
                  somehtml1= document.createElement("img");
                  somehtml1.id="imgid";somehtml1.name="imgname";
                  somehtml1.src=canvas.toDataURL("image/png");
                  document.body.appendChild(somehtml1);

                  window.win = open (somehtml1.src);
                   setTimeout('win.document.execCommand("SaveAs")', 500);
                     }           
              else
                       {
                             somehtml= document.createElement("a");
 somehtml.href = canvas.toDataURL("image/png");
 somehtml.download = "test.png"; 

}

Answer 1

这就是我正在使用的 - 不确定这需要什么版本的 IE，因为我使用的是 11。它使用 IE 的 blob 和其他浏览器的 Canvas 作为数据 URL。在 Chrome 和 IE 11 中测试。

(canvas是 Canvas 对象，link是超链接对象)

           if (canvas.msToBlob) { //for IE
                var blob = canvas.msToBlob();
                window.navigator.msSaveBlob(blob, 'dicomimage.png');
            } else {
                //other browsers
                link.href = canvas.toDataURL();
                link.download = "dicomimage.png";
            }