非零环绕原则:就是canvas在进行填充的时候是否要进行填充的判断依据。
在判断填充的区域拉一条线出来,拉到图形的外面,这条拉出来的线就是辅助线。
判断绘制的线是否是从辅助线的左边穿过到辅助线的右边,此时这种穿过的方式记录为+1
如果是从辅助线的右边穿到辅助线的左边,就记做-1.
最后将所有记录的数字进行求和,如果求和的结果为0,代表这块区域不要填充,否则,必须填充
左边箭头先穿过路径的逆时针部分,然后穿过顺时针部分,因此其计数值为0,所以看透起点所在区域不在填充范围,fill()会忽略这个范围。其他两个箭头同理