Question

我使用了html2canvas库。我想使用html2canvas存储图像。我成功地存储来自html2canvas的图像！哇！！！但.... IE已经失败了...我想存储所有的浏览器。

我找到navigator.msSaveBlob ...我很开心〜但幸福并没有持续多久... base64 Encording Image是String！但我想存储pngfile！帮我！！！（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＆amp; Firefox支持canvas.toBlob一段时间，但是......

IE＆amp; Edge尚未原生支持canvas.toBlob

但是有很好的polyfill会将.toBlob带到IE / Edge。

我喜欢Eli Gray的FileSaverJS和他的canvas-toBlobJS。

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

来自IE的javascript save canvas（png）

1 个答案: