导语：距离上一次写canvas，已经过去两年半，如今业务需要，再次拾起，随手记录。

 

 

【思考】 时钟的绘制主要在于圆的绘制：1. 使用context.arc()方法直接绘制圆或圆弧； 2. 使用圆的方程（x = r * cosA + X, y = r * sinA + Y）进行描点绘制。指针运行速率较慢，故使用setInterval进行刷新重绘。

【优化】可以使用两个canvas，一个用来绘制表盘，另一个绘制指针，如此，只需刷新重绘指针canvas，表盘canvas保持不变。

 

  
      
       Your borswer does not support canvas element.
      

 

  
     
      Your borswer does not support canvas element.
     
     
      Your borswer does not support canvas element.