非常教程

SVG参考手册

属性 | Attributes

fill

基于它使用的上下文,fill属性具有两个含义。

默认情况下,当动画元素结束时,其效果将不再应用于目标属性的表示值。该fill属性可用于在动画元素的活动持续时间结束后保留​​动画的值。

对于形状和文本,该fill属性是一个表示属性,用于定义给定图形元素内部的颜色。所谓的“内部”取决于形状本身和fill-rule属性的值。作为一个表现属性,它也可以直接在CSS样式表中作为属性使用

用法上下文

对于动画元素

Categories

Animation timing attribute

Value

remove | freeze

Animatable

No

Normative document

SVG 1.1 (2nd Edition)

remove——(默认)当动画的活动持续时间结束时,动画效果将被删除(不再应用)。在动画活动结束后,动画不再影响目标(除非动画重新启动)。

freeze——当动画的活动持续时间结束后,在文档持续时间的剩余时间内动画处于冻结状态(或直到动画重新开始)。

对于形状和文字

Categories

Presentation attribute

Value

<paint>, context-fill, context-stroke

Animatable

Yes

Normative document

SVG 1.1 (2nd Edition)

实例

例1:简单的SVG

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100" fill="#666"/>
</svg>

结果

运用 context-fill

有关使用非标准和限制context-fill(和context-stroke)值的信息,请参阅该-moz-context-properties属性的文档。

属性 | 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-path(剪辑路径)
19.clip-rule(剪辑规则)
20.clippathunits
21.color(颜色)
22.color-interpolation(彩色插值)
23.color-interpolation-filters(色彩插值滤波器)
24.color-profile(彩色轮廓)
25.color-rendering(显色)
26.contentscripttype
27.contentstyletype
28.cursor(光标)
29.cx
30.cy
31.d
32.diffuseconstant
33.direction(方向)
34.display(显示)
35.divisor
36.dominant-baseline(显性基线)
37.dur
38.dx
39.dy
40.edgemode
41.elevation
42.end
43.externalresourcesrequired
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

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