在canvas画布中制作动画相对来说很简单，实际上就是不断变化的坐标、擦除、重绘的过程1、使用setInterval方法设置动画的间隔时间。setInterval(code,millisec) setInterval方法html中固有方法，这个方法接受两个参数，第一个函数表示执行动画的函数，第二个参...
分类：
其他好文 时间：
2015-08-11 20:49:28
阅读次数：
120
#拖拽学习要点-draggable-ondragstart="drag(event)"-ondrop="drop(event)"-ondragover="fun2(event)"-dataTransfer-preventDefault###draggable主要用false或者true来设置文本或者...
分类：
Web程序 时间：
2015-08-09 18:40:05
阅读次数：
173
Context对象可以通过调用translate()方法来移动Canvas画布中坐标原点的位置。translate()方法的原型如下：voidtranslate(x,y);用于将该Context对象所对应的Canvas的(0, 0)点移动到(x, y)点，并将其作为新的(0, 0)点。通过试验表明，...
分类：
移动开发 时间：
2015-08-04 19:08:32
阅读次数：
152
在Android中需要通过graphics类来显示2D图形。 graphics中包括了Canvas（画布）、Paint（画笔）、Color（颜色）、Bitmap（图像）等常用的类。graphics具有绘制点、线、颜色、2D几何图形、图像处理等功能。Canvas:void drawRect(Rect....
分类：
移动开发 时间：
2015-08-04 13:20:41
阅读次数：
144
主要应用技术：
1、canvas画线
2、canvas画圆
3、笔触修改和填充笔修改
4、制作渐变色
5、角度旋转
6、JS部分对象和方法（setInterval）...
分类：
Web程序 时间：
2015-07-31 18:28:22
阅读次数：
130
本文介绍了使用canvas来绘制时钟的案例。...
分类：
Web程序 时间：
2015-07-31 13:03:04
阅读次数：
116
本文介绍了线段、圆、矩形、字体、多边形、图像的绘制以及图形的旋转。
您的浏览器不支持canvas属性
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d'); //设置绘制...
分类：
Web程序 时间：
2015-07-30 17:12:11
阅读次数：
129
1、canvas画布常用属性：width、height，使用canvas时首先需要获取画布：
var can = document.getElementById("canvas");
var ctx = can.getContext('2d');在画布上每一笔都会有一个开始、结束，否则画出来的效果会连在一起
ctx.beginPath();
。。。
ctx.closePath();
2、画笔...
分类：
Web程序 时间：
2015-07-27 13:14:17
阅读次数：
103
该下雪动画效果使用了HTML5中Canvas画布实现，其中涉及了物理学中曲线运动的相关知识与运算。index.html Snow 123456789101112131415161718192021222324main...
分类：
编程语言 时间：
2015-07-22 09:15:40
阅读次数：
161
拼图游戏的代码400行， 有点多了， 在线DEMO的地址是：打开； 因为使用canvas，所以某些浏览器是不支持的： you know； 为什么要用canvas(⊙o⊙)？ 因为图片是一整张jpg或者png， 我们要用把图片导入到canvas画布， 然后再调用上下文context的getI...
分类：
编程语言 时间：
2015-07-22 01:36:59
阅读次数：
226
