关于 fill-rule
属性,SVG 有个有趣的 陷阱,Anthony Collurafici 在这里详细介绍。
Fill-Rule 是一个 SVG 属性,它基本上定义了如何确定哪些形状被填充或从形状中减去。 默认的 SVG 值为“nonzero”,这是 Android 所需的。 不幸的是,Sketch 使用“evenodd”。 幸运的是,Sketch 提供了将我们的形状从“evenodd”转换为“nonzero”所需的所有功能。 现在在 Sketch 42 中甚至更容易。

在嵌套形状中,绘制点的 方向 会影响填充。