canvas绘制下雨雨滴打在地面动画特效。 查看样例

本实例用canvas勾画一颗随机颜色的树

近期发现canvas非常好的一个应用案例：火焰跟随鼠标活动的动态场景，效果很炫酷。 效果图：

实现会动的图形，向下播放多张静态的图片。一秒内要大于屏幕刷新的帧数(60) 也就是每隔1/60s执行一次函数在每次绘制的正方形上添加一个背景色为白色蒙板。

测试时候，用鼠标拖动滑块，向左滑动，可降低振幅，向右没滑块，则加大振幅，波形变化的速度在代码中可调节。测试请注意，要想完美看到本效果，需要你的浏览器支持HTML5 WebGL，

canvas可以画柱状图，如下就是一个例子，主要用到了lineWidth，beginPath，lineCap等知识点。

canvas是html5主要的画图工具，用户可以利用js在里面构思自己的创意，页面上很多手写签名是通过这个来完成的，让我们来用一个简单的例子作为抛砖引玉。

与 setTimeout 和 setInterval 不同， requestAnimationFrame 不需要设置时间间隔。这有什么好处呢？为什么requestAnimationFrame被称为神器呢？本文将详细介绍HTML5新增的定时器requestAnimationFrame 深入理

做卫星项目的时候，会涉及到雷达图，用于扫描卫星，给人形象化的感觉。以下代码为canvas实现的demo，请运行查看