<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>
আউটপুট
উপরের উদাহরণে, আমরা একটি ক্যানভাস তৈরি করেছি এবং 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>