Canvas的介绍，并且用Canvas写一个小球粒子效果

HTML5 canvas 标签用于绘制图像（通过脚本，通常是 JavaScript）

canvas 元素本身是没有绘图能力的，是一个矩形区域的画布，用JavaScript在上面绘画。控制其每一个像素。所有的绘制工作必须在 JavaScript 内部完成。
canvas默认大小是300 x 150
canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法

<canvas id="myCanvas" width="500" height="300">您的浏览器不支持canvas标签！</canvas>

要使用canvas要先获取到canvas元素，然后，创建 context 对象：

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d"); 

绘制矩形
不填充

ctx.strokeStyle = '#FF0000';// 改变颜色  描边红色
ctx.strokeRect(5, 5, 100, 100); 

填充

cxt.fillStyle="#FF0000"; //改变颜色 红色
ctx.fillRect(110, 110, 100, 100);// 默认黑色

其他的就不介绍了，自己去官方文档查看吧，介绍的更加详细。

以前写的一个简单小球粒子效果

<canvas id="myCanvas" width="500" height="500"></canvas>
<script type="text/javascript">
	var mycanvas=document.getEl