canvas 常用方法

beginPath() 新建一条路径，生成之后，图形绘制命令被指向到路径上生成路径。
closePath() 闭合路径之后图形绘制命令又重新指向到上下文中。

stroke() 用线条绘制图形轮廓。
fill() 填充路径的内容区域生成实心的图形。

moveTo(x, y) 将笔触移动到指定的坐标 (x, y)
lineTo(x, y) 绘制从当前位置到指定位置 (x, y) 的直线。

arc(x, y, radius, startAngle, endAngle, anticlockwise) 以（x,y）为圆心，半径为radius的圆弧（圆），角度为从startAngle开始到endAngle结束，按照anticlockwise给定的方向（默认为ture即顺时针，false为逆时针）来生成。
arcTo(x1, y1, x2, y2, radius) 根据给定的控制点和半径画一段圆弧，再以直线连接两个控制点。

fillRect(x, y, width, height) 绘制填充实心的矩形
strokeRect(x, y, width, height) 绘制不填充空心的矩形
clearRect(x, y, width, height) 清除指定矩形区域，让清除部分完全透明。

quadraticCurveTo(cp1x, cp1y, x, y) 绘制二次贝塞尔曲线，x,y为结束点，cp1x,cp1y为控制点。
bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) 绘制三次贝塞尔曲线，x,y为结束点，cp1x,cp1y为控制点一，cp2x,cp2y为控制点二。