1、效果图
2、Canvas对象详解
1.translate(x,y):平移,将画布的坐标原点向左右方向移动x,向上下方向移动y.canvas的默认位置是在(0,0).
例子:画布原点假如落在(1,1),那么translate(10,10)就是在原点(1,1)基础上分别在x轴、y轴移动10,则原点变为(11,11)。
2.scale(x,y):扩大。x为水平方向的放大...
分类:
其他好文 时间:
2015-02-14 12:23:39
阅读次数:
181
网上会看到很多绘制的时钟,看代码也是云里雾里,自学了下Canvas,觉得不难,就自己做了一个。先看一下截图:比较简陋,但是该有的都有了,样式只加了个阴影。html代码就不贴了,就一个canvas。下面是JS实现:1、取得上下文:var clock = document.getElementById(...
分类:
Web程序 时间:
2014-09-14 12:40:07
阅读次数:
648
htm5 canvas绘制实时好看时钟,及save,restore,beginPath,closePath实际应用...
分类:
Web程序 时间:
2014-08-14 10:59:58
阅读次数:
354