clip-path（剪辑路径）
clip-path属性将它所应用于的元素与给定的<clipPath>元素进行绑定
作为一个表现属性，它也可以直接在CSS样式表中作为属性使用
用法上下文
分类 | 呈现属性 |
|---|---|
值 | <FuncIRI> | none | 继承 |
动画 | 是 |
规范性文件 | SVG 1.1（第2版） |
<funciri>——对同一个SVG文档片段中的另一个图形对象的引用，该引用将被用作剪切路径。这个引用的语法和css uri相同。如果引用无效（例如，它指向的对象不存在或对象不是<clipPath>元素），则该clip-path属性(attribute)或特性（property）必须被视为未被指定。
实例
clip-path 作为一个属性（attribute）
Source code | Output result |
|---|---|
Unable to find file clip-path-1.svg | Unable to find file clip-path-1.svg |
clip-path 作为一个CSS特性（property）
Source code | Output result |
|---|---|
Unable to find file clip-path-2.svg | Unable to find file clip-path-2.svg |
适用元素
以下元素可以使用该clip-path属性
- Container elements ?
- Graphical elements ?
Related
<clipPath>
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
