Canvas 线性图形（二）：圆形

函数

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

参数名	描述
x、y	圆心坐标轴
radius	圆的半径
startAngle	圆从多少度开始画起
endAngle	圆从 startAngle 画到多少度结束
counterclockwise	代表圆从顺时针（true）还是逆时针（false）画起

案例

1π 代表 180°，JS 的 Math 对象提供了各种常用的数学函数和数学数字，其中就包括 π。

ctx.beginPath();
ctx.arc(150, 150, 100, 0, Math.PI * 2, true);
ctx.lineWidth = 2;
ctx.fillStyle = 'gold';
ctx.fill();
ctx.strokeStyle = 'red';
ctx.stroke();
ctx.closePath();