HTML5 ক্যানভাসে আয়তাকার (Oval) কীভাবে আঁকবেন?

HTML5 ক্যানভাসে আয়তাকার আঁকতে নিচের কোড চালান −

উদাহরণ

<!DOCTYPE HTML> <html>    <head>    </head>    <body>       <canvas id="newCanvas" width="450" height="300"></canvas>       <script>          // ক্যানভাস          var c = document.getElementById('newCanvas');          var context = c.getContext('2d');          var cX = 0;          var cY = 0;          var radius = 40;                    context.save();          context.translate(c.width / 2, c.height / 2);          context.scale(2, 1);          context.beginPath();          context.arc(cX, cY, radius, 0, 2 * Math.PI, false);          context.restore();          context.fillStyle = '#000000';          context.fill();          context.lineWidth = 2;          context.strokeStyle = 'yellow';          context.stroke();       </script>    </body> </html>

আউটপুট