HTML DOM arc() 方法

定义和用法

arc() 方法使用一个中心点和半径,为一个画布的当前子路径添加一条弧。

语法

arc(x, y, radius, startAngle, endAngle, counterclockwise)

参数

参数 描述
x, y 描述弧的圆形的圆心的坐标。
radius 描述弧的圆形的半径。
startAngle, endAngle

沿着圆指定弧的开始点和结束点的一个角度。这个角度用弧度来衡量。

沿着 X 轴正半轴的三点钟方向的角度为 0,角度沿着逆时针方向而增加。

counterclockwise 弧沿着圆周的逆时针方向(TRUE)还是顺时针方向(FALSE)遍历。

描述

这个方法的头 5 个参数指定了圆周的一个起始点和结束点。调用这个方法会在当前点和当前子路径的起始点之间添加一条直线。接下来,它沿着圆周,在子路径的起始点和结束点之间添加弧。

最后一个 counterclockwise 参数指定了圆应该沿着哪个方向遍历来连接起始点和结束点。这个方法将当前位置设置为弧的终点。

参阅

CanvasRenderingContext2D.arcTo()

CanvasRenderingContext2D.beginPath()

CanvasRenderingContext2D.closePath()