fill-rule
fill-rule
该fill-rule
属性指示如何确定路径的哪一侧在形状内,以便确定fill
属性如何绘制形状。对于一个简单的,不相交的路径,直观地明确了“内部”在哪个区域; 然而,对于一个更复杂的路径,比如一条相交的路径或者一条子路径包围着另一条路径,“内部”的解释并不那么明显。
用法上下文
Categories | Presentation attribute |
---|---|
Value | nonzero (default) | evenodd | inherit |
Animatable | Yes |
Normative document | SVG 1.1 (2nd Edition) |
该fill-rule
属性提供了如何确定形状内部的两个选项:
nonzero
——这个值通过在任何方向上绘制一条从该点到无穷远的光线,然后检查形状的一部分穿过光线的位置来确定形状中某点的“内部”。从0开始计数,每当路径段从左到右穿过光线时加1,每当路径段从右到左穿过光线时减1。计算交叉点后,如果结果为零,则该点位于路径之外。否则,它在里面。
实例
适用元素
以下元素可以使用该fill-rule
属性
- 形状元素»
- 文本内容元素»