初始Canvas常用方法

getContext（‘2d’） 画笔 可以渲染上下文对象
fillRect() 绘制一个矩形，四个参数分别为x，y 宽，高
strokeRect('') 绘制一个矩形边框
clearRect() 清除指定矩形区域，使该区域完全透明
arc() 方法创建弧/曲线（用于创建圆或部分圆）
四个参数分别为：
圆的中心x坐标，圆的中心y坐标，圆的半径，起始角，结束角，顺势和或逆时针
-------------------------------------------------------------------
beginPath() 新建一条路径
closePath() 闭合路径
stroke(); 通过线条绘制图形
fill（） 通过填充路径生成实心图形
moveTo(20, 20); mouto 设置一个起始点
lineTo(100,100); 设置一个终点，从起始点到终点为一个路径
--------------------------------------------------------------------
二次贝塞尔曲线及三次贝塞尔曲线:

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

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