本文转自：http://www.cnblogs.com/whitewolf/archive/2011/03/02/1969398.html
在上一篇中我们了解html5的Canvas ，在这一篇中不用多说，写一个html5的时钟应用程序试手。在这里主要设置了坐标变换的平移（translate）和旋转变换（ratate），以及html5 Canvas的路径绘图，beginPath，closePath，rect，arc等，还有就是html5 Canvas路径绘图重要的绘图状态的保存和恢复机制，save，restore。
多的也不说了，直接上代码，有不解的欢迎提问，以及对我的建议指教都可以，![X@8}U9MLE}EBUE273)]9PGF](http://images.cnblogs.com/cnblogs_com/whitewolf/201103/201103022317095203.gif "X@8}U9MLE}EBUE273)]9PGF"){kind=small}
。
ff下效果图：
代码：
View Code
按 Ctrl+C 复制代码
我的html5系列：
作者：破 狼
出处：http://www.cnblogs.com/whitewolf/
本文版权归作者和博客园、CSDN共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。该文章也同时发布在我的独立博客中-博客园--破狼和CSDN--野狼。