Resim Kanvas Öğesini İndirme

Question

Bu, tuval öğesini sayfamdan indirmek için kullanıyorum ancak sayfamı her indirdiğinde kullanıyorum.

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

(tuval id canvas olur sürece) bu yüzden href varsayılan # ile ayarlanacaktır canvas referans muhtemelen undefined yukarı sona eriyor

Answer 1

bana yardım edin, veya mevcut sayfa.

Dene: Böyle IE gibi bazı tarayıcılar download niteliği desteklemediği

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

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

Not. Bu durumda png-mime'yi veri-url'de bir okt-akışı mime türü ile değiştirebilirsiniz.