1.1矩形绘制的填充模式与路径模式rect(x, y, width, height)&fill()&stroke()
1.2矩形黑板擦clearRect(x, y, width, height);
1.3分段式绘制beginPath()&closePath()
代码调试：
2.1绘制圆弧arc(x, y, radius, startAngle, endAngle, anticlockwise)
圆弧路径的圆心在 (x, y) 位置，半径为 r，根据anticlockwise （默认为顺时针）指定的方向从 startAngle 开始绘制，到 endAngle 结束
2.2绘制笑脸moveto(x,y)VS分段
起始点移动到 (x，y) 坐标的方法
2.3绘制圆弧arcto()三点定位
3.1绘制线段lineto(x,y)连接当前位置到 x，y 坐标
4.1贝塞尔曲线
二次：P0起点 P2终点 P1控制点
三次：P0起点 P3终点 P1P2控制点
4.2二次贝塞尔曲线 quadraticCurveTo(cpx, cpy, x, y);
需要 2 个点。第一个点是控制点，第二个点是终点。起始点是当前路径最新的点，当创建二次贝赛尔曲线之前，可以使用 moveTo() 方法进行改变
4.3三次贝塞尔曲线
bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)
需要三个点。第一、第二个点是控制点，第三个点是结束点
