clip-rule（剪辑规则）

clip-rule

clip-rule属性仅适用于<clipPath>中包含的图形元素。该clip-rule属性基本上作为fill-rule属性，除了它适用于<clipPath>定义。

下面的代码片段将导致even-odd裁剪规则应用于剪切路径，因为clip-rule在定义裁剪形状的<path>元素上指定了裁剪规则：

<g>
    <clipPath id="MyClip">
        <path d="..." clip-rule="evenodd" />
    </clipPath>
    <rect clip-path="url(#MyClip)" ... />
</g>

而下面的代码片段不会导致应用even-odd裁剪规则，因为clip-rule在引用元素上指定了裁剪规则，而不是在定义剪裁形状的对象上指定：

<g>
    <clipPath id="MyClip">
        <path d="..." />
    </clipPath>
    <rect clip-path="url(#MyClip)" clip-rule="evenodd" ... />
</g>

作为一个表现属性，它也可以直接在CSS样式表中作为属性使用

用法上下文

nonzero——请参阅fill-ruleproperty的描述。

实例

适用元素

以下元素可以使用该clip-rule属性，但只有在<clipPath>元素内部时才可以使用。

• 图形元素»另请参见

• <clipPath>