ক্যানভাসের উচ্চতা নির্দিষ্ট করে৷ HTML
আসুন একটি সাধারণ <ক্যানভাস> উপাদান দেখি যার দুটি নির্দিষ্ট বৈশিষ্ট্য প্রস্থ এবং উচ্চতা সহ সমস্ত মূল HTML5 বৈশিষ্ট্য যেমন আইডি, নাম এবং শ্রেণি ইত্যাদি।
<canvas id="myCanvas" width="100" height="100"></canvas>
এখানে বৈশিষ্ট্যগুলি রয়েছে −
| অ্যাট্রিবিউট | মান | বিবরণ |
উচ্চতা  | পিক্সেল | ক্যানভাসের উচ্চতা নির্দিষ্ট করে৷ |
প্রস্থ  | পিক্সেল | ক্যানভাসের প্রস্থ নির্দিষ্ট করে৷ |
উদাহরণ
একটি আয়তক্ষেত্র তৈরি করতে ক্যানভাস কীভাবে ব্যবহার করবেন তা শিখতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন। ক্যানভাস উপাদানটিতে getContext নামে একটি DOM পদ্ধতি রয়েছে, যা রেন্ডারিং প্রসঙ্গ এবং এর অঙ্কন ফাংশন প্রাপ্ত করে। এই ফাংশনটি একটি প্যারামিটার নেয়, প্রসঙ্গ 2d এর ধরন।
<!DOCTYPE html>
<html>
<head>
<title>HTML Canvas Tag</title>
</head>
<body>
<canvas id = "myCanvas"></canvas>
<script>
var c = document.getElementById('myCanvas');
var ctx = c.getContext('2d');
ctx.fillStyle = '#7cce2b';
ctx.fillRect(0,0,300,100);
</script>
</body>
</html> 