কম্পিউটার টিউটোরিয়াল

HTML5-এ ক্যানভাস (Canvas) ডেটা ফাইল হিসেবে সেভ করার পদ্ধতি

ক্যানভাস থেকে ইমেজ ডেটা URL পাওয়া

HTML5 ক্যানভাসে আঁকা গ্রাফিক্স toDataURL() মেথড দিয়ে PNG বা JPEG ফরম্যাটে Base64 এনকোডেড ডেটা URL হিসেবে পাওয়া যায়।

ধাপাবলী

  1. ক্যানভাস এলিমেন্ট তৈরি করুন।
  2. JavaScript দিয়ে কনটেক্সট (2d) নিয়ে গ্রাফিক্স আঁকুন।
  3. canvas.toDataURL('image/png') কল করে ডেটা URL পান।
  4. এই URL-কে <img> এর src-এ সেট করুন বা ডাউনলোড লিংকে ব্যবহার করুন।

কোড উদাহরণ


নোট: ক্রস-অরিজিন ইমেজ ড্র করলে toDataURL() সিকিউরিটি এরর দিতে পারে (tainted canvas)।

  1. আইফোন বা আইপ্যাডে মোবাইল ডেটা বাঁচाने এর টিপস

  2. স্পটিফাই (Spotify)-এ ডেটা ব্যবহার কম করার উপায়

  3. এক্সেল ডেটা XML-এ এক্সপোর্ট: একটি সহজ ধাপে ধাপে গাইড

  4. ওয়েব পেজ পিডিএফ হিসেবে পিসিতে সংরক্ষণ করুন: একটি সহজ ধাপে ধাপে গাইড