HTML এ একটি আয়তক্ষেত্র আঁকতে, ক্যানভাস উপাদান ব্যবহার করুন। ক্যানভাসের সাথে, একটি আয়তক্ষেত্র আঁকতে rect() পদ্ধতি ব্যবহার করুন। কিন্তু, একটি বৃত্তাকার আয়তক্ষেত্র তৈরি করার জন্য, rect() পদ্ধতি ব্যবহার করে কাজ করবে না। আমরা একটি বৃত্তাকার আয়তক্ষেত্র তৈরি করতে lineTo() এবং quadraticCurveTo() পদ্ধতি ব্যবহার করব।
এইভাবে আপনি HTML5-
-এ একটি ক্যানভাস তৈরি করতে পারেন 
আপনি শিখতে পারেন কিভাবে ক্যানভাসে একটি বৃত্তাকার আয়তক্ষেত্র তৈরি করতে হয়
উদাহরণ
<!DOCTYPE HTML>
<html>
<head>
<title>HTML5 Canvas Tag</title>
</head>
<body>
<canvas id="newCanvas" width="300" height="150"></canvas>
<script>
var canvas = document.getElementById('newCanvas');
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(20, 10);
ctx.lineTo(80, 10);
ctx.quadraticCurveTo(90, 10, 90, 20);
ctx.lineTo(90, 80);
ctx.quadraticCurveTo(90, 90, 80, 90);
ctx.lineTo(20, 90);
ctx.quadraticCurveTo(10, 90, 10, 80);
ctx.lineTo(10, 20);
ctx.quadraticCurveTo(10, 10, 20, 10);
ctx.stroke();
</script>
</body>
</html> আউটপুট
