canvas 绘制弧线

最新推荐文章于 2022-11-16 17:05:52 发布

airccxx

最新推荐文章于 2022-11-16 17:05:52 发布

阅读量539

点赞数

CC 4.0 BY-SA版权

分类专栏： html5

本文链接：https://blog.youkuaiyun.com/airccxx/article/details/39026305

html5 专栏收录该内容

1 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<title>canvas标签的使用</title>
</head>
<body>
<canvas id="demo" width="400" height="300">

</canvas>

<script>

    var ctx;
   ctx = document.getElementById("demo").getContext("2d");

   ctx.beginPath();

    ctx.arc(175,175,50,0,Math.PI,false);
   //ctx.moveTo(65,65);
   ctx.closePath();

   ctx.strokeStyle="red";
   ctx.stroke();

</script>
</body>

</html>

---------------------------------------------------------------------------------------------------------------------------------------

arc方法的x和y参数是圆心坐标，radius是半径，startAngle和endAngle则是扇形的起始角度和终止角度（以弧度表示），anticlockwise表示做图时应该逆时针画（true）还是顺时针画（false）。