drawImage() পদ্ধতিটি ক্যানভাসে ছবি, ক্যানভাস এবং ভিডিও আঁকতে ব্যবহৃত হয়। এটি ছবির অংশও আঁকতে পারে এবং ছবির আকার বাড়াতে বা কমাতে পারে৷
উদাহরণ
আসুন একটি উদাহরণ দেখি -
আপনার গন্তব্য ক্যানভাস থেকে//প্রসঙ্গ ধরা হয়েছে canvasctx =destinationCanvas.getContext('2d');//drawImage() যাকে বলা হয় উৎস ক্যানভাস সরাসরি পাস করাএই কোডে, প্রথমে ছবিটি উৎস ক্যানভাস থেকে কপি করা হয়। উৎস ক্যানভাস একটি HTMLImageElement, HTMLVideoElement বা একটি HTMLCanvasElement হতে পারে। একটি ক্যানভাস অঙ্কন প্রসঙ্গ একটি উত্স হিসাবে ব্যবহার করা যাবে না. যদি একটি ক্যানভাস অঙ্কন প্রসঙ্গটি আপনার উত্স ক্যানভাস হয় তবে context.canvas
এর অধীনে প্রসঙ্গটিতে মূল ক্যানভাস উপাদানটির একটি রেফারেন্স রয়েছেপরবর্তী কোডটি উৎস ক্যানভাস থেকে পছন্দসই ক্যানভাসে প্রসঙ্গ অনুলিপি করতে drawImage() পদ্ধতি ব্যবহার করে।