Image Canvas Elementをダウンロードする

Question

これは私のページからキャンバス要素をダウンロードするために使用していますが、私のページ全体をダウンロードするたびに使用するコードです。

<a id="downloadImgLink" onclick="$('#downloadImgLink').attr('href', canvas.toDataURL());" download="MyImage.png" href="#" target="_blank">Download Drawing</a>

（キャンバスidはcanvasであることを起こる場合を除きます）のでhrefがデフォルト#で設定されますcanvas参照は、おそらくundefinedを終了さ

Answer 1

を私を助けてください、または現在のページ。

試してみてくださいなIEなどの一部のブラウザではdownload属性をサポートしていないことを

<canvas id="canvasId" ...></canvas> 

<a onclick="this.href = $('#canvasId')[0].toDataURL();" 
    download="MyImage.png" href="#" target="_blank">Download Drawing</a> 

注意。その場合は、png-mimeをdata-url自体のオクテットストリームのMIMEタイプに置き換えることができます。