HTML5 canvas

fillStyle 可以设置CSS颜色、一个图案或一种颜色渐变；默认纯黑。

fillRect(x,y,width,height) 绘制一个矩形，以fillStyle填充。

strokeStyle 和 fillStyle 一样。

strokeRect(x,y,width,height) 并不填充中间区域，只绘制矩形边缘。

clearRect(x,y,width,height)  清除指定矩形区域的像素。

moveTo(x,y) 铅笔移动到指定点，作为线条开始点

lineTo(x,y) 绘制线条到指定的结束点

渐变

createLinearGradient(x0,y0,x1,y1)沿直线从(x0,y0)到(x1,y1)渐变

createRadialGradient(x0,y0,r0,x1,y1,r1)沿两个圆之间的锥面渐变

.addColorStop(0,"black")

<img>

drawImage(image,dx,dy) 

drawImage(image,dx,dy,dw,dh) 

drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh) 

(sx,sy,sw,sh)图片裁剪范围 (dx,dy) 图片左上角在canvas上的位置 (dw,dh) 图片缩放宽高

IE 用excanvas.js来实现canvas的API

<span style="font-size:18px;"><!--[if IE]>
<span>	</span><script src = "excanvas.js"></script>
<![endif]--></span>