SVG参考手册

属性 | Attributes

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 »

<clipPath>

属性 | Attributes相关

1.accent-height（焦点高度）
2.accumulate（积累)
3.additive
4.alignment-baseline（对齐基线）
5.ascent
6.attributename（属性名字)
7.Attributes(属性）
8.attributetype（属性类型）
9.azimuth（方位）
10.basefrequency
11.baseline-shift（基线漂移）
12.baseprofile
13.begin（开始）
14.bias（偏压）
15.calcmode
16.class
17.clip（剪辑）
18.clip-rule（剪辑规则）
19.clippathunits
20.color（颜色）
21.color-interpolation（彩色插值）
22.color-interpolation-filters（色彩插值滤波器）
23.color-profile（彩色轮廓）
24.color-rendering（显色）
25.contentscripttype
26.contentstyletype
27.cursor（光标）
28.cx
29.cy
30.d
31.diffuseconstant
32.direction（方向）
33.display（显示）
34.divisor
35.dominant-baseline（显性基线）
36.dur
37.dx
38.dy
39.edgemode
40.elevation
41.end
42.externalresourcesrequired
43.fill
44.fill-opacity
45.fill-rule
46.filter
47.filterres
48.filterunits
49.flood-color
50.flood-opacity
51.font-family
52.font-size
53.font-size-adjust
54.font-stretch
55.font-style
56.font-variant
57.font-weight
58.fr
59.from
60.fx
61.fy
62.gradienttransform
63.gradientunits
64.height
65.href
66.image-rendering
67.in
68.in2
69.k1
70.k2
71.k3
72.k4
73.kernelmatrix
74.kernelunitlength
75.kerning
76.keysplines
77.keytimes
78.lengthadjust
79.letter-spacing
80.lighting-color
81.limitingconeangle
82.local
83.marker-end
84.marker-mid
85.marker-start
86.markerheight
87.markerunits
88.markerwidth
89.mask
90.maskcontentunits
91.maskunits
92.max
93.min
94.mode
95.numoctaves
96.opacity
97.operator
98.order
99.overflow
100.overline-position

SVG

可缩放矢量图形是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。

SVG目录

1.教程 \| Tutorial
2.属性 \| Attributes
3.内容种类 \| Content types
4.分类 \| Elements
5.其他 \| Miscellaneous
6.SVG 教程
7.SVG 矩形
8.SVG 在 HTML 中
9.SVG 实例
10.SVG 简介
11.SVG 模糊效果 – 高斯模糊
12.SVG 滤镜
13.SVG Stroke 属性
14.SVG 文本
15.SVG 曲线
16.SVG 路径
17.SVG 多边形
18.SVG 直线
19.SVG 椭圆
20.SVG 圆形
21.SVG 参考手册
22.SVG 实例
23.SVG 渐变- 放射性
24.SVG 渐变 – 线性
25.SVG 阴影