The keySplines attribute defines a set of Bézier control points associated with the
keyTimes list, defining a cubic Bézier function that controls interval pacing. The attribute value is a semicolon-separated list of control point descriptions. Each control point description is a set of four values:
x1 y1 x2 y2, describing the Bézier control points for one time segment. The
keyTimes values that define the associated segment are the Bézier "anchor points", and the
keySplines values are the control points. Thus, there must be one fewer sets of control points than there are
The values of
x1 y1 x2 y2 must all be in the range 0 to 1.
This attribute is ignored unless the
calcMode is set to
If there are any errors in the keySplines specification (bad values, too many or too few values), the animation will not occur.
|Categories||Animation value attribute|
|Normative document||SVG 1.1 (2nd Edition)|
The following elements can use the