【SVG】 In SVG , splines is used for what purpose.

Question

I have seen in several codes that coders use an attribute key splines and spline.
For what purpose is this used.👍????
Plz help me out.😊😊😊😊

Answer 1

I have never used splines in animations in SVG ( actually I have rarely used SVGs itself 😅) but judging from the articles, it's how u set the control points for your animations

by using cubicbezier spline values

u use it by setting ur calcMode attribute to spline in the animate tag

we have animation functions like , linear, ease in etc , if you wish to have your own animation function then u do it using spline in SVG,

I couldn't find any example codes , but you might find some help at , I ll try to write one later,

https://www.w3.org/TR/SVG/animate.html

Answer 2

I am not familiar with svg, but maybe these two resources: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/keySplines
http://franzheidl.github.io/keysplines/ will help you to understand keysplines.