坐标和栅格

栅格:canvas元素默认被网格所覆盖。通常来说网格中的一个单元相当于canvas元素中

的1像素。

坐标:栅格的起点为左上角(坐标为(0,0))。所有元素的位置都相对于原点定位。

canvas 绘制图形 - 图1

笔触和填充

Canvas中的任何形状都是由这两个部分组成的。

笔触:也叫描边。

canvas 绘制图形 - 图2

图形的样式

Canvas中绘制的路径,可以自定义颜色、描边宽度等样式设置

canvas 绘制图形 - 图3