绘制

坐标系

开始画图之前，需要了解一下画布的坐标系。

如下图所示，坐标系原点为左上角（坐标为（0,0））。所有元素的位置都相对于原点定位。x 轴向右递增，y 轴向下递增。

填充绘制（fill）

canvas 绘图的基本绘制方式之一是填充绘制。

填充是指用指定的内容填满所要绘制的图形，最终生成一个实心的图案。

描边绘制（stroke）

canvas 绘图的另一种基本绘制方式是描边绘制。

描边绘制是指，沿着所要绘制的图形边缘，使用指定的内容进行描绘，最终生成的是空心的图案。

如果既要填充又要描边，则需要分别绘制两次完成最终图案。