HTML5 कैनवास को PNG में बदलने के लिए, नीचे दिए गए चरणों का पालन करें -
आपको जेनरेट किए गए डेटा URL को टैग की href विशेषता में जोड़ना होगा।
बेस64 इमेज के लिए डायलॉग −
<img src="data:image/png;base64,iOBVRw0KGgoAAAANSUhEUg...." class="image" />
फ़ाइल नाम जोड़ें -
<a download="newimg.png" href="...">
अब http . को परिभाषित करें शीर्षलेख -
headers=Content-Disposition: attachment; filename=newimg.png
वेब ब्राउज़र की RAM से निपटने के लिए और इसके उपयोग को कम करने के लिए -
// generated the data URL dynamically function myCanvas() { var d = canvas.toDataURL('image/png'); this.href = d; }; d.addEventListener('click', myCanvas, false);