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

HTML5 ক্যানভাসের কন্টেন্ট অন্য একটি ক্যানভাসে লোকালি কপি করা


drawImage() মেথডটি ক্যানভাসে ইমেজ, ক্যানভাস এবং ভিডিও আঁকতে ব্যবহৃত হয়। এটি ইমেজের অংশও আঁকতে পারে এবং ইমেজের আকার বড় বা ছোটও করতে পারে।

উদাহরণ

একটি উদাহরণ দেখি:

//context grabbed from your destination canvas ctx = destinationCanvas.getContext('2d'); //drawImage() called passing the source canvas directly dCtx.drawImage(sourceCanvas, 0, 0);

এই কোডে, প্রথমে সোর্স ক্যানভাস থেকে ইমেজ কপি করা হয়। sourceCanvas হতে পারে HTMLImageElement, HTMLVideoElement, বা HTMLCanvasElement। একটি ক্যানভাস ড্রয়িং কনটেক্সট সোর্স হিসেবে ব্যবহার করা যাবে না। যদি ক্যানভাস ড্রয়িং কনটেক্সট আপনার সোর্স হয় তবে context.canvas-এর অধীনে মূল ক্যানভাস এলিমেন্টের একটি রেফারেন্স থাকে।

পরবর্তী কোডে drawImage() মেথড ব্যবহার করে সোর্স ক্যানভাস থেকে কনটেক্সট কাঙ্ক্ষিত ক্যানভাসে কপি করা হয়।


  1. HTML5 Canvas-এ SVG ফাইল কীভাবে আঁকবেন?

  2. HTML5 Canvas-এ ইমেজ কীভাবে ব্যবহার করবেন?

  3. PHP – imagepalettecopy() ফাংশন ব্যবহার করে একটি ইমেজ থেকে অন্য ইমেজে প্যালেট কপি করুন

  4. এক্সেলে কলামের প্রস্থ অন্য স্প্রেডশীতে কপি করুন