var _canvas = document.getElementById('canvas');
var ctx = _canvas.getContext('2d');
填充和描边: strokeStyle fillStyle
绘制矩形: strokeRect fillRect clearRect
绘制路径: arc arcTo bezierCurveTo lineTo moveTo quadraticCurveTo rect
绘制变换: rotate scale translate transform setTransform
绘制图像（图1）: drawImage
可以绘制图像对象，也可以将另一canvas对象绘制
多种参数情况：
3个参数：要绘制的图像、图像起点x坐标、图像起点y坐标
5个参数：要绘制的图像、图像起点x坐标、图像起点y坐标、图像宽度、图像高度
9个参数：要绘制的图像、源图像的x坐标、源图像的y坐标、源图像的宽度、源图像的高度、目标图像的x坐标、目标图像的y坐标、目标图像的宽度、目标图像的高度
ps:
“灰阶过滤”需要在类似tomcat的服务器环境下运行
绘制模式（图2）： pattern
像css 的repeate, 重复渲染canvas image videos
绘制阴影: shadowColor shadowOffsetX shadowOffsetY shadowBlur
绘制渐变: createLinearGradient createRadialGradient gradient.addColorStop
绘制合成: globalAlpha globalCompositionOperation
ps:更多信息查看火狐实验室
您当前浏览器不支持 canvas标签， 请换一个浏览器试试！