Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

HTML5 कैनवास से PNG फ़ाइल


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);

  1. PNG फाइल क्या है?

    क्या जानना है PNG फ़ाइल एक पोर्टेबल नेटवर्क ग्राफ़िक्स फ़ाइल है। किसी भी ब्राउज़र या छवि प्रोग्राम, जैसे XnView के साथ इसे खोलें। JPG, SVG, ICO, और FileZigZag या किसी अन्य छवि कनवर्टर के साथ अन्य छवियों में कनवर्ट करें। यह आलेख बताता है कि पीएनजी फाइलें क्या हैं, कुछ स्थितियों में उन्हें अन्य छवि

  1. एचटीएमएल 5 कैनवास पर एसवीजी फाइल कैसे बनाएं?

    एसवीजी को कैनवास पर खींचने के लिए, आपको एसवीजी छवि का उपयोग करना होगा। सबसे पहले, तत्व का उपयोग करें जिसमें HTML शामिल है। उसके बाद, आपको एसवीजी छवि को कैनवास में खींचना होगा। उदाहरण HTML कैनवास पर SVG फ़ाइल बनाने के लिए आप निम्न कोड आज़मा सकते हैं <!DOCTYPE html> <html>    

  1. HTML5 में IndexedDB

    अनुक्रमितडीबी उपयोगकर्ता के ब्राउज़र के अंदर डेटा संग्रहीत करने के लिए एक नई HTML5 अवधारणा है। indexeddb स्थानीय भंडारण की तुलना में अधिक शक्तिशाली है और उन अनुप्रयोगों के लिए उपयोगी है जिन्हें बड़ी मात्रा में डेटा संग्रहीत करने की आवश्यकता होती है। ये एप्लिकेशन अधिक दक्षता से चल सकते हैं और तेजी से