在线文档教程
SVG
属性 | Attributes

fill-rule

fill-rule

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

用法上下文

CategoriesPresentation attribute
Valuenonzero (default) | evenodd | inherit
AnimatableYes
Normative documentSVG 1.1 (2nd Edition)

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

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

实例

适用元素

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

  • 形状元素»

  • 文本内容元素»