HTML5 canvas 标签用于绘制图像（通过脚本，通常是 JavaScript）。
不过,canvas元素本身并没有绘制能力（它仅仅是图形的容器）,您必须使用脚本来完成实际的绘图任务。
getContext()方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。
fillStyle:设置或返回用于填充绘画的颜色、渐变或模式
strokeStyle:设置或返回用于笔触的颜色、渐变或模式
createLinearGradient():创建线性渐变（用在画布内容上）
lineWidth:设置或返回当前的线条宽度
rect():创建矩形
fillRect():绘制“被填充”的矩形
fill():填充当前绘图（路径）
stroke():绘制已定义的路径
beginPath():起始一条路径，或重置当前路径
moveTo():把路径移动到画布中的指定点，不创建线条
closePath():创建从当前点回到起始点的路径
lineTo():添加一个新点，然后在画布中创建从该点到最后指定点的线条
bezierCurveTo():创建三次方贝塞尔曲线
drawImage():向画布上绘制图像、画布或视频