HTML5 Canvas को PNG फ़ाइल में कनवर्ट करें

Canvas को PNG में कनवर्ट करने के चरण

HTML5 canvas को PNG में कनवर्ट करने के लिए, नीचे दिए गए चरणों का पालन करें:

आपको जनरेटेड डेटा URL को <a> टैग के 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 उपयोग कम करने के लिए

// डेटा URL को डायनामिकली जनरेट करें
function myCanvas() {
    var d = canvas.toDataURL('image/png');
    this.href = d;
}
d.addEventListener('click', myCanvas, false);

यह दृष्टिकोण क्लिक पर डेटा URL जनरेट करता है, मेमोरी उपयोग को कम करता है।