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样式表中作为属性使用
用法上下文
分类 | 呈现属性 |
|---|---|
值 | 非零| evenodd | 继承 |
动画 | 是 |
规范性文件 | SVG 1.1（第2版） |
nonzero——请参阅fill-ruleproperty的描述。
evenodd——请参阅fill-rule的描述。
实例
适用元素
以下元素可以使用该clip-rule属性，但只有在<clipPath>元素内部时才可以使用。
- 图形元素?另请参见
<clipPath>
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
