在线文档教程
SVG
属性 | Attributes

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规范中有任何错误(错误的值,太多或太少的值),动画将不会发生。

用法上下文

CategoriesAnimation value attribute
Value<list>
AnimatableNo
Normative documentSVG 1.1 (2nd Edition)

实例

适用元素

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

  • <animate>

  • <animateColor>

  • <animateMotion>

  • <animateTransform>