Canvas

1.绘制矩形

fillRect(x, y, width, height)

绘制一个填充的矩形

strokeRect(x, y, width, height)

绘制一个矩形的边框

clearRect(x, y, width, height)

清除指定矩形区域，让清除部分完全透明。

2.绘制圆

context.arc(x,y,r,sAngle,eAngle,counterclockwise);

x：圆的中心的 x 坐标。

y：圆的中心的 y 坐标。

r：圆的半径。

sAngle：起始角，以弧度计。（弧的圆形的三点钟位置是 0 度）。

eAngle：结束角，以弧度计。

counterclockwise：可选。规定应该逆时针还是顺时针绘图。False = 顺时针，true = 逆时针。