PHP前端开发
首页 HTML正文

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

百变鹏仔 3个月前 (09-22) #HTML
文章标签 画布

您可以尝试运行以下代码在 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;2d&#39;);         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 = &#39;#000000&#39;;         context.fill();         context.lineWidth = 2;         context.strokeStyle = &#39;yellow&#39;;         context.stroke();      </script>   </body></html>

输出

文章推荐
最新文章
标签列表
关于我们 | 联系我们 | 网站地图
本站为非盈利性网站,不接受任何赞助和广告。
特别声明：本网站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。 | 举报邮箱：344225443@qq.com
互联网ICP备案： 陕ICP备2023000799号 Copyright 2023-2024 sharedbk.com All rights reserved | (c)2008-2024 共享博客