绘制环境

getContext('2d')


绘制方块

fillRect(L,T,W,H)默认颜色是黑色


strokeRect(L,T,W,H)带边框的方块


设置绘图

fillStyle填充颜色（绘制canvas是有顺序的）


lineWidth线宽度，是一个数值


strokeStyle边线颜色


边界绘制

lineJoin边界连接点样式(即四個角):miter（默认）、round（圆角）、bevel（斜角）


lineCap 端点样式:butt（默认）、round（圆角）、square（高度多出为宽一半的值）


绘制路径

beginPath 开始绘制路径


closePath 结束绘制路径


moveTo 移动到绘制的新目标点


lineTo 新的目标点


stroke 划线，默认黑色


fill 填充，默认黑色


rect 矩形区域


clearRect 删除一个画布的矩形区域


save 保存路径


restore 恢复路径


beginPath 开始绘制路径