如何在HTML5画布中绘制椭圆？

WBOY 317 阅读 0 评论 25 点赞

你否以测验考试运转下列代码正在 html5 绘布外画造卵形 -

事例

<!DOCTYPE HTML>
<html>
   <head>
   </head>
   <body>
      <canvas id="newCanvas" width="450" height="300"></canvas>
      <script>
         // canvas

         var c = document.getElementById(&#39;newCanvas&#39;);
         var context = c.getContext(&#39;二d&#39;);
         var cX = 0;
         var cY = 0;
         var radius = 40;
         
         context.save();
         context.translate(c.width / 两, c.height / 两);
         context.scale(两, 1);
         context.beginPath();
         context.arc(cX, cY, radius, 0, 二 * Math.PI, false);
         context.restore();
         context.fillStyle = &#39;#000000&#39;;
         context.fill();
         context.lineWidth = 两;
         context.strokeStyle = &#39;yellow&#39;;
         context.stroke();
      </script>
   </body>
</html>