I have a path for my animation. This path is Bezier curve which can be plotted by arbitrary number of points:
bezier:{
curviness:1.25,
values:[
{x:100, y:250},
{x:300, y:0},
/* ... N more points ... */
{x:500, y:400},
{x:200, y:100}
]
}
I want depict this path with SVG <path/> element.
Path element uses M, C, Q, T and other parameters for plotting curve, for example:
<path d="M100,200 C100,100 250,100 250,200 S400,300 400,200" />
How can I convert my points to the terms of parameters used in SVG path?