canvas绘图：
1.html5 canvas paint介绍。
2.坐标系统：平移、旋转、缩放、切变
3.canvas绘制模型步骤
4.矩形绘制：
a.clearRect(double x,double y,double w,double h)：清除
b.strokeRect(double x,double y,double w,double h)：描边
c.fillRect(double x,double y,double w,double h)：填充
5.颜色与透明度：
a.strokeStyle
b.fillStyle
6.渐变色：
a.createLinearGradinent():线性渐变
b.createRadialGradient():放射渐变
7.图案填充:
createPattern()
8.阴影：
a.shadowColor
b.shadowOffsetX
c.shadowOffsetY
d.shadowBlur
9.路径、描边与填充
a.arc：圆弧子路径
b.beginPath:重置当前路径
c.closePath:显式封闭某段开放路径
d.fill:填充当前路径
e.rect(double x,double y,double width,double height)：逆时针方向创建路径
f.stroke():描绘当前路径的轮廓线
g.路径与子路径
h.非零环绕规则
i.剪纸图形
h.路径的方向以及连接线