canvas 画圆的几种方式
- arc()方法
语法：
context.arc(x,y,r,sAngle,eAngle,counterclockwise);
x --- 圆心横坐标
y --- 圆心纵坐标
r --- 圆的半径
sAngle --- 起始弧度（三点钟位置为 0 度）
eAngle --- 结束弧度
counterclockwise --- 画圆方向 （false --- 顺时针，true --- 逆时针）
如需通过 arc() 来创建圆，请把起始角设置为 0，结束角设置为 2*Math.PI。
eg:
function circle(ctx, x, y, r, color) {
ctx.beginPath();
ctx.lineWidth = 2;
ctx.strokeStyle = color;
ctx.arc(x, y, r, 0, 2 * Math.PI);
ctx.stroke();
ctx.closePath();
}
