JavaScript canvas 绘制圆形时钟

使用canvas绘制时钟

2D 绘制上下文支持很多在画布上绘制路径的方法。通过路径可以创造出复

杂的形状和线条。要绘制路径，首先必须调用beginPath()方法，表示要开始

绘制新路径。然后，再通过调用下列方法来实际地绘制路径。

 arc(x, y, radius, startAngle, endAngle, counterclockwise)：以(x,y)为圆心绘制一条弧线，弧线半径为radius，起始和结束角度（用弧度表示）分别为startAngle 和endAngle。最后一个参数表示startAngle 和endAngle 是否按逆时针方向计算，值为false表示按顺时针方向计算。
 arcTo(x1, y1, x2, y2, radius)：从上一点开始绘制一条弧线，到(x2,y2)为止，并且以给定的半径radius 穿过(x1,y1)。
 bezierCurveTo(c1x, c1y, c2x, c2y, x, y)：从上一点开始绘制一条曲线，到(x,y)为止，并且以(c1x,c1y)和(c2x,c2y)为控制点。