কম্পিউটার

কিভাবে একটি HTML5 ক্যানভাসের বিষয়বস্তু অন্য ক্যানভাসে স্থানীয়ভাবে অনুলিপি করবেন?


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

উদাহরণ

আসুন একটি উদাহরণ দেখি -

আপনার গন্তব্য ক্যানভাস থেকে
//প্রসঙ্গ ধরা হয়েছে canvasctx =destinationCanvas.getContext('2d');//drawImage() যাকে বলা হয় উৎস ক্যানভাস সরাসরি পাস করা 

এই কোডে, প্রথমে ছবিটি উৎস ক্যানভাস থেকে কপি করা হয়। উৎস ক্যানভাস একটি HTMLImageElement, HTMLVideoElement বা একটি HTMLCanvasElement হতে পারে। একটি ক্যানভাস অঙ্কন প্রসঙ্গ একটি উত্স হিসাবে ব্যবহার করা যাবে না. যদি একটি ক্যানভাস অঙ্কন প্রসঙ্গটি আপনার উত্স ক্যানভাস হয় তবে context.canvas

এর অধীনে প্রসঙ্গটিতে মূল ক্যানভাস উপাদানটির একটি রেফারেন্স রয়েছে

পরবর্তী কোডটি উৎস ক্যানভাস থেকে পছন্দসই ক্যানভাসে প্রসঙ্গ অনুলিপি করতে drawImage() পদ্ধতি ব্যবহার করে।


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

  2. কিভাবে HTML5 ক্যানভাস দিয়ে ছবি ব্যবহার করবেন?

  3. পিএইচপি-তে imagepalettecopy() ফাংশন ব্যবহার করে কীভাবে প্যালেটটি একটি চিত্র থেকে অন্য চিত্রে অনুলিপি করবেন?

  4. কিভাবে উৎস থেকে অন্য স্প্রেডশীটে Excel এ কলামের প্রস্থ কপি করবেন