HTML5 ক্যানাস ডিস্টর্টেড (বিকৃত) দেখাচ্ছে

যদি ক্যানভাস বিকৃত দেখায়, তবে height এবং width পরিবর্তন করে দেখুন −

<canvas id = "canvas1" width = '400' height = '300'></canvas>

HTML5-এ ক্যানভাসের ডিফল্ট height এবং width ২/১ রেশিওতে −

width = 300 height = 150

উদাহরণ

একটি উদাহরণ দেখি −

 <!DOCTYPE HTML> <html>    <head>       <style>          #mycanvas{border:1px solid red;}       </style>    </head>    <body>       <canvas id = "mycanvas" width = "100" height = "100"></canvas>    </body> </html>

আউটপুট