Canvas填充路径时使用的非零环绕规则

Canvas填充路径时使用的非零环绕规则
Canvas在填充互相有交叉的路径时，使用非零环绕规则,第一次接触这个非零环绕的时候，感觉很难理解。
把这个问题换成，怎么让有交叉的复合图形的一块区域不被填充。也就是交集地区不填充，
比如两个嵌套关系的正方形，如何不让内层不被填充？

1. 辅助线。 在交集区域画一条终点到整体外围的线。这个线可以看作是逃离这个交际区域经过最少的轨迹。
   起初我是很疑惑辅助线的画法。后来想这样的设计，符合我们人类大脑喜欢偷懒的特点。我们肯定不喜欢在错综复杂
   的轨迹里，再进行计算的。
2. 计算规则。CANVAS的画笔是根据我们指定的坐标画轨迹的。遵循时钟的方向。顺1逆-1很容易理解。计算的时候看
   辅助线经过的轨迹之和。比如图中未被填充的部分，辅助线经过两条轨迹，一条顺一条逆，正好为0.