一、arc要求的参数设置。

复制代码如下：弧(x，y，半径，开始角度，结束角度，计数器时钟方向)；

x，y和半径都很容易理解，所以我们来关注三个参数：startAngle，endAngle和逆时针！

二、电弧参数详细说明。

1、起始角和结束角分别指圆的起始角和结束角。手册上说起始角为0，终止角为数学。PI*2，这只是画一个圆。

2.下面的例子解释了startAngle和endAngle(注意，我没有编写html代码)。

var c=document . getelementbyid(' my canvas ')；var cxt=c . GetContext(' 2d ')；cxt.fillStyle=' # FF0000cxt.arc(70，30，25，0，1，假)；cxt . stroke()；我将开始角度设置为0，结束角度设置为1，如下所示。

var c=document . getelementbyid(' my canvas ')；var cxt=c . GetContext(' 2d ')；cxt.fillStyle=' # FF0000cxt.arc(70，30，25，0，1，假)；cxt . stroke()；我将开始角度设置为1，结束角度设置为2，如下所示。

从上面我们可以看到，第一张图的终点是第二张图的起点，也就是说一个圆有无数个角。只要设置好起始角和终止角，它就能把两点连接成弧形！而起点和终点的区别就是图上两点的长度！当起点和终点的差可以是两点重合时，就形成了一个圆！知道了这一点，我们就能做出动态的圆圈。

3、逆时针是逆时针(真)还是顺时针(假)。

看，当我把起点设为0，终点设为1，选择顺时针。

var c=document . getelementbyid(' my canvas ')；var cxt=c . GetContext(' 2d ')；cxt.fillStyle=' # FF0000cxt.arc(70，30，25，0，1，假)；cxt . stroke()；

当我把起点设为0，终点设为1，并选择逆时针。

var c=document . getelementbyid(' my canvas ')；var cxt=c . GetContext(' 2d ')；cxt.fillStyle=' # FF0000cxt.arc(70，30，25，0，1，真)；cxt . stroke()；

以上内容是边肖介绍的如何使用arc，JavaScript在网页中画圆的功能。希望你喜欢。