কম্পিউটার

HTML প্রস্থ বৈশিষ্ট্য


উপাদানটির প্রস্থ বৈশিষ্ট্যটি ক্যানভাসের প্রস্থ পিক্সেলে সেট করতে ব্যবহৃত হয়। নিম্নলিখিত সিনট্যাক্স −

<canvas width="pixels_val">

উপরে, pixels_val হল পিক্সেলে সেট করা প্রস্থ। আসুন এখন <ক্যানভাস> উপাদান -

-এর প্রস্থ বৈশিষ্ট্য বাস্তবায়নের জন্য একটি উদাহরণ দেখি।

উদাহরণ

<!DOCTYPE html>
<html>
<body>
<canvas id="newCanvas" width="400" height="200" style="border:3px dashed yellow">
HTML5 canvas tag isn't supported by your browser.
</canvas>
<script>
   var c = document.getElementById("newCanvas");
   var context = c.getContext("2d");
   context.fillStyle = "#FF5655";
   context.fillRect(100, 50, 60, 100);
</script>
</body>
</html>

আউটপুট

HTML  canvas  প্রস্থ বৈশিষ্ট্য

উপরের উদাহরণে, আমরা একটি ক্যানভাস তৈরি করেছি এবং JavaScript −

ব্যবহার করেছি
<script>
   var c = document.getElementById("newCanvas");
   var context = c.getContext("2d");
   context.fillStyle = "#FF5655";
   context.fillRect(100, 50, 60, 100);
</script>

এর আগে আমরা প্রস্থ এবং উচ্চতা -

সহ ক্যানভাস আইডি সেট করেছি
<canvas id="newCanvas" width="400" height="200" style="border:3px dashed yellow">
   HTML5 canvas tag isn't supported by your browser.
</canvas>

  1. এইচটিএমএল প্রয়োজনীয় বৈশিষ্ট্য

  2. HTML প্যাটার্ন অ্যাট্রিবিউট

  3. HTML মোড়ানো বৈশিষ্ট্য

  4. এইচটিএমএল ড্র্যাগেবল অ্যাট্রিবিউট