fill-rule

该fill-rule属性指示如何确定路径的哪一侧在形状内，以便确定fill属性如何绘制形状。对于一个简单的，不相交的路径，直观地明确了“内部”在哪个区域; 然而，对于一个更复杂的路径，比如一条相交的路径或者一条子路径包围着另一条路径，“内部”的解释并不那么明显。

用法上下文

该fill-rule属性提供了如何确定形状内部的两个选项：

nonzero——这个值通过在任何方向上绘制一条从该点到无穷远的光线，然后检查形状的一部分穿过光线的位置来确定形状中某点的“内部”。从0开始计数，每当路径段从左到右穿过光线时加1，每当路径段从右到左穿过光线时减1。计算交叉点后，如果结果为零，则该点位于路径之外。否则，它在里面。

evenodd——该值通过从任意方向绘制该点到无穷远的光线，并根据光线穿过的给定形状计算路径段的数量来确定形状中某点的“内部”。如果这个数字是奇数，那么这个点在里面; 如果连，那个点在外面。

实例

适用元素

以下元素可以使用该fill-rule属性

• 形状元素»

• 文本内容元素»