canvas的使用

使用beginPath()开始一条新路径，
moveTo()移动到某一点，
lineTo()连接到某一点，
strokeStyle()设置连线颜色，
stroke()连接该路径的点，
closePath()闭合该路径（结束点连到开始点），
fillStyle()设置填充颜色，
fill()填充该路径区域
arc()画圆
fillRect()填充的矩形
strokeRect()矩形边框
分开画矩形

rect()
fill()

贝塞尔曲线和二次贝塞尔曲线
translate()移动坐标原点的位置，
rotate()旋转
requestAnimationFrame()更丝滑的动画展示，根据显示器来决定渲染速度
path2D()路径分装