2016-05-16 24 views
1

私はhtml2canvasライブラリを使用しました。 html2canvasを使って画像を保存したいと思います。私はhtml2canvasから画像を保存するのに成功しました!ワオ!!!しかし.... .... IEが失敗しました...私はすべてのブラウザを保存したいです。javascript save canvas(png)from IE

私はnavigator.msSaveBlobを見つけました...私はうれしかったですが、幸福は長く続きませんでした... base64エンコーディングイメージは文字列です!私はpngfileを保存したい!助けて!!! (PS私は真剣にIEの強力な胸を平手打ちしたい): - ((

クローム& Firefoxはサポートされている

〜これは悲しい答えが...さ〜

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.'); 
    } 
}); 

答えて

0

コードですしばらくcanvas.toBlob、しかし...

IE &エッジはまだネイティブにサポートしていませんcanvas.toBlob

しかし、IE/Edgeに.toBlobをもたらす素晴らしいポリフィルがあります。

私はEli GrayのFileSaverJSと彼のcanvas-toBlobJSが好きです。

BlueImpのJavaScript-Canvas-to-Blobも人気があります。

+1

ありがとうございます!あなたは最高です!私はあなたの返信から質問を解決〜ありがとう、ありがとう –

+0

html2canvasを変換する例はありますか? – Hana90