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

HTML-এ DIV কে canvas2image দিয়ে এক্সটেনশনসহ ইমেজ হিসেবে সংরক্ষণ

DIV কন্টেন্ট html2canvas ফাংশন ব্যবহার করে জাভাস্ক্রিপ্টে ইমেজ হিসেবে সংরক্ষণ করা যায়।

DIV ট্যাগ HTML ডকুমেন্টে একটি সেকশন ডিফাইন করে।

উদাহরণ:

<div id="cpimg" style="padding: 20px;">
  <h4>Hello world</h4>
</div>

এটি cpimg নামে একটি ডিভিশন এরিয়া দেখায়।

html2canvas ফাংশন নিচের কোড দিয়ে div কে ইমেজ হিসেবে সংরক্ষণ করে:

html2canvas(document.querySelector("#cpimg")).then(canvas => {
  document.body.appendChild(canvas);
});

এটি রেফার করা div সেকশন cpimg-কে ইমেজে রূপান্তর করে।

  1. HTML-এ ইমেজ বুলেট (Image Bullets) সহ আনঅর্ডার্ড লিস্ট তৈরি করা

  2. HTML-এ ইমেজকে লিংক (Link) হিসেবে ব্যবহার করা

  3. HTML-এ বিব্লিওগ্রাফি (Bibliography) তৈরি করা

  4. matplotlib.pyplot দিয়ে ইমেজ সংরক্ষণ করার পদ্ধতি