使用canvas实现倒计时效果

假设现在离新闻联播开始还有3分钟21秒。现在要通过canvas实现这个以03:21开始以00：00结束的倒计时。

问题的关键在于，如何通过canvas绘制03:21 、02:36。简化问题，我们可以使用canvas绘制0、3、"："、2、1形状的图画，时间改变，再次重新绘制即可。

绘制数字和符号“：”

以绘制数字0为例，0的绘制可以借助一个二维数组。

  var arc=[
   [0,0,1,1,1,0,0],
   [0,1,1,0,1,1,0],
   [1,1,0,0,0,1,1],
   [1,1,0,0,0,1,1],
   [1,1,0,0,0,1,1],
   [1,1,0,0,0,1,1],
   [1,1,0,0,0,1,1],
   [1,1,0,0,0,1,1],
   [0,1,1,0,1,1,0],
   [0,0,1,1,1,0,0]
  ]

这里，将这个二维数组放在10*7的表格中，格子中的值为1就画圆，为0则不做 处理。

每个格子的宽高为10，圆的半径为4，圆的中心与格子的中心重合。