非常教程

SVG参考手册

属性 | Attributes

calcmode

该属性指定动画的插值模式。默认的模式是线性的,但是如果属性不支持线性插值(例如对于字符串),calcMode则忽略该属性并使用离散插值。

用法上下文

分类

动画值属性

离散| 线性| 步调| 仿样

动画

没有

规范性文件

SVG 1.1(第2版)

discrete——指定动画函数将从一个值跳到下一个值,而不进行任何插值。

linear——值之间的简单线性插值用于计算动画函数。除了<animatemotion>之外,这是默认值。

paced——插值可在整个动画中产生均匀的变化速度。这只支持定义线性数值范围的值,并且可以计算点与点之间的“距离”的一些概念(例如位置,宽度,高度等)。如果指定了paced,则任何keyTimeskeySplines将被忽略。因为对于<animatemotion>,这是默认值。

spline—— 插值根据由三次Bézier样条曲线定义的时间函数从values列表中的一个值插入到下一个值。样条曲线的点在keyTimes属性中定义,每个区间的控制点在keySplines属性中定义。

实例

适用元素

以下元素可以使用该calcMode属性

  • <animate>
  • <animatecolor>
  • <animatemotion>
  • <animatetransform>

属性 | 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.class
16.clip(剪辑)
17.clip-path(剪辑路径)
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

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