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

JavaScript দিয়ে HTML Canvas নির্দিষ্ট রঙে পূরণ করার পদ্ধতি

আপনার পুরো HTML canvas কে একটি নির্দিষ্ট রঙে পূরণ করতে, আপনি fillRect() প্রপার্টি ব্যবহার করে একটি রেক্ট্যাঙ্গেল কে সলিড রঙে পূরণ করতে পারেন।

তারপর আপনার ক্যানভাসের height এবং width প্রপার্টি ব্যবহার করে সেই পূরণ করা রেক্ট্যাঙ্গেল কে পুরো ক্যানভাসে ছড়িয়ে দিন:

const canvas = document.getElementById("my-canvas");
const ctx = canvas.getContext("2d");
ctx.fillStyle = "blue";
ctx.fillRect(0, 0, canvas.width, canvas.height);
<canvas id="my-canvas"></canvas>
  1. জাভাস্ক্রিপ্টে অটোকমপ্লিট (Autocomplete) তৈরি করা

  2. জাভাস্ক্রিপ্ট দিয়ে টেক্সট টগল করা

  3. HTML5-এ drawImage() মেথড ব্যবহার করে ইমেজ আঁকা

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