[转]html5之Canvas坐标变换应用-时钟实例
本文转自: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。
多的也不说了,直接上代码,有不解的欢迎提问,以及对我的建议指教都可以,。
ff下效果图:
代码:
View Code
按 Ctrl+C 复制代码
我的html5系列:
作者:破 狼
出处:http://www.cnblogs.com/whitewolf/
本文版权归作者和博客园、CSDN共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。该文章也同时发布在我的独立博客中-博客园--破狼和CSDN--野狼。
posted on 2012-02-08 16:34 freeliver54 阅读(353) 评论(0) 编辑 收藏 举报