কম্পিউটার

HTML5 ক্যানভাস থেকে PNG ফাইল


HTML5 ক্যানভাসকে PNG তে রূপান্তর করতে, নীচের প্রদত্ত পদক্ষেপগুলি অনুসরণ করুন -

আপনাকে একটি ট্যাগের href এট্রিবিউটে জেনারেট করা ডেটা URL যোগ করতে হবে।

base64 ছবির জন্য ডায়ালগ -

<img src="data:image/png;base64,iOBVRw0KGgoAAAANSUhEUg...." class="image" />

একটি ফাইলের নাম যোগ করুন −

<a download="newimg.png" href="...">

এখন http সংজ্ঞায়িত করুন হেডার

headers=Content-Disposition: attachment; filename=newimg.png

ওয়েব ব্রাউজারের র‍্যাম মোকাবেলা করতে এবং এর ব্যবহার কম করতে -

// generated the data URL dynamically
function myCanvas() {
   var d = canvas.toDataURL('image/png');
   this.href = d;
};
d.addEventListener('click', myCanvas, false);

  1. PNG ফাইল কি?

  2. কিভাবে একটি HTML5 ক্যানভাসে একটি SVG ফাইল আঁকতে হয়?

  3. একটি ডেটা URL থেকে একটি HTML5 ক্যানভাসে একটি ছবি আঁকা

  4. HTML5 এ IndexedDB