keysplines
keysplines
keySplines
属性定义了一个与keyTimes
列表相关的一组Bézier控制点,定义了一个控制间隔速率的三次Bézier函数。属性值是分号分隔的控制点描述列表。每个控制点描述是一个四元组:x1 y1 x2 y2
,它们描述一个时间段的Bézier控制点。定义关联段的keyTimes
值是Bézier“锚点”,keySplines
值是控制点。因此,控制点的数量必须少于一个keyTimes
。
x1 y1 x2 y2
的值都在必须0到1的范围内。
除非calcMode
设置为spline
,否则该属性将被忽略。
如果keySplines规范中有任何错误(错误的值,太多或太少的值),动画将不会发生。
用法上下文
Categories | Animation value attribute |
---|---|
Value | <list> |
Animatable | No |
Normative document | SVG 1.1 (2nd Edition) |
实例
适用元素
以下元素可以使用该keySplines
属性
- <animate>
- <animateColor>
- <animateMotion>
- <animateTransform>