SweetoDream

canvas作为H5中重要的新增特性，使开发者可以用它来创作各种令人惊叹的作品。先来看一下浏览器对canvas的支持情况。<canvas> 标签定义图形，比如图表和其他图像，我们使用脚本来绘制图形。先看一下这次动画的结果： gif图可能不完整，可以点击这里查看完整效果。canvas的API较多，这里我们只介绍一下本次使用到的一下API，更多的canvas可以查看这里。beginPath()

最近看到一个粒子网格动画挺炫的，自己也就做了一个，当背景挺不错的。优快云不能上传超过2M的图片，所以就简单截了一个静态图片：可以点击这里查看动画.下面就开始说怎么实现这个效果吧： 首先当然是添加一个canvas了：<canvas id="canvas"></canvas>下面是样式：<style> #canvas{ position: absolute;

今天要实现的效果是黑客帝国里面的文字掉落效果，先来看一下图其实效果也是比较好实现的，只要计算出每个文字该出现的地方，然后绘制文字就可以了。下面就来说具体的实现方法吧。首先，新建页面写上canvas标签，在js中获取到并设置高宽：<canvas id="canvas"></canvas><script> var canvas = document.getElementById("canvas