绘制时针

绘制时针，.rotate() 方法通过指定一个角度，改变了画布坐标和 Web 浏览器中的 < Canvas > 元素的像素之间的映射，使得任意后续绘图在画布中都显示为旋转的。它并没有旋转 < Canvas > 元素本身。注意，这个角度是用弧度指定的。

  ctx.save();
  ctx.rotate( hr*(Math.PI/6) + (Math.PI/360)*min + (Math.PI/21600)*sec )  // 计算时针角度并绘制图形
  ctx.lineWidth = 14;
  ctx.beginPath();
  ctx.moveTo(-20,0);
  ctx.lineTo(80,0);
  ctx.stroke();
  ctx.restore();