html5之Canvas坐标变换应用-时钟实例

简介：

 

在上一篇中我们了解html5的Canvas ，在这一篇中不用多说，写一个html5的时钟应用程序试手。在这里主要设置了坐标变换的平移（translate）和旋转变换（ratate），以及html5 Canvas的路径绘图，beginPath，closePath，rect，arc等，还有就是html5 Canvas路径绘图重要的绘图状态的保存和恢复机制，save，restore。

   多的也不说了，直接上代码，有不解的欢迎提问，以及对我的建议指教都可以，。

ff下效果图：

代码：

View Code

    

         我的html5系列：

1. 1. html5声频audio和视频video
   2. html5-Canvas绘图
   3. html5之Canvas坐标变换应用-时钟实例
   4. html5-web本地存储

本文转自破狼博客园博客，原文链接：http://www.cnblogs.com/whitewolf/archive/2011/03/02/1969398.html，如需转载请自行联系原作者