代码改变世界

随笔档案-2011年3月2日

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

2011-03-02 23:20 by 破狼, 5722 阅读, 收藏,
摘要: 在上一篇中我们了解html5的Canvas ,在这一篇中不用多说,写一个html5的时钟应用程序试手。在这里主要设置了坐标变换的平移(translate)和旋转变换(ratate),以及html5 Canvas的路径绘图,beginPath,closePath,rect,arc等,还有就是html5 Canvas路径绘图重要的绘图状态的保存和恢复机制,save,restore。 多的也不说了,直接... 阅读全文

html5-Canvas绘图

2011-03-02 00:30 by 破狼, 31315 阅读, 收藏,
摘要: 在html5中我觉得最重要的就是引入了Canvas,使得我们可以在web中绘制各种图形。给人感觉单在这点上有点模糊我们web和桌面程序的感觉。在html5外web中也有基于xml的绘图如:VML、SVG。而Canvas为基于像素的绘图。Canvas是一个相当于画板的html节点,我们必须以js操作绘图。如下:canvas id="myCanvas" width="600" height="300... 阅读全文