使用canvas实现简单的时钟效果

这次要借助canvas实现时钟效果，展示当前时间，形状为圆形。

完整实现效果截图如上

关键点

时钟效果的实现主要分为3部分

1、绘制表盘、大小刻度、1~12 等静态部分的绘制

2、展示当前时间

3、时针、分针和秒针动起来

绘制静态部分

首先得到canvas和canvas的绘图环境

var canvas=document.getElementById("canvas");
var context=canvas.getContext("2d");

绘制表盘

绘制一个圆作为表盘

context.arc(100,100,95,0,2*Math.PI,false)
context.stroke();

绘制刻度