javascript 从 IE 保存 Canvas (png)

Question

我使用了 html2canvas 库。我想使用 html2canvas 存储图像。我成功地从 html2canvas 存储图像!哇!!!但是.... IE 失败了...我想存储所有浏览器。

我找到了navigator.msSaveBlob...我很高兴~但是幸福并没有持续多久...base64编码的图像是字符串!但我想存储 png 文件!帮我!!! (PS.我真想拍一下IE坚强的胸膛)

~这是代码~

html2canvas($("body")[0], {
        onrendered: function(canvas) {
      var img = canvas.toDataURL("image/png");
      var img2 = img.split("data:image/png;base64,")[1];



      //var blobObject = new Blob([img2],{type:"image/jpeg"});
        var blobObject = new Blob([img2]);
      window.navigator.msSaveBlob(blobObject, 'test.png'); // The user only has the option of clicking the Save button.
      alert('File save request made using msSaveBlob() - note the single "Save" button below.');
    }
});

Answer 1

悲伤的答案是......:-((

Chrome 和 Firefox 已经支持 canvas.toBlob 一段时间了，但是...

IE 和 Edge 尚未原生支持 canvas.toBlob

但是有一些不错的填充代码可以将 .toBlob 引入 IE/Edge。

我喜欢 Eli Grey 的 FileSaverJS和他的canvas-toBlobJS .

BlueImp 的 JavaScript-Canvas-to-Blob 也很受欢迎。