javascript保存來自IE的畫布（png）

Question

我使用了html2canvas庫。我想使用html2canvas存儲圖像。我成功存儲來自html2canvas的圖像！哇！！！但.... IE已失敗...我想存儲所有的瀏覽器。

我發現navigator.msSaveBlob ...我很高興〜但幸福並沒有持續很長時間... base64 Encording Image is 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

可悲的答案是...： - （（

鉻&火狐都支持canvas.toBlob了一段時間，但是...

IE &邊緣還不原生支持canvas.toBlob

但是有很好的polyfills會將.toBlob帶到IE/Edge。

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

BlueImp's JavaScript-Canvas-to-Blob也很受歡迎。