canvas的非零环绕规则

  |  

非零环绕原则:就是canvas在进行填充的时候是否要进行填充的判断依据。

在判断填充的区域拉一条线出来,拉到图形的外面,这条拉出来的线就是辅助线。

判断绘制的线是否是从辅助线的左边穿过到辅助线的右边,此时这种穿过的方式记录为+1
如果是从辅助线的右边穿到辅助线的左边,就记做-1.
最后将所有记录的数字进行求和,如果求和的结果为0,代表这块区域不要填充,否则,必须填充

canvas非零环绕规则

左边箭头先穿过路径的逆时针部分,然后穿过顺时针部分,因此其计数值为0,所以看透起点所在区域不在填充范围,fill()会忽略这个范围。其他两个箭头同理

×

纯属好玩

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

文章目录
,