How to convert SVG curve 'c' to cubic bezier curve list?

I have a path like this:

d="m 0,0 38.913,455.481 c 7.122,83.37 6.816,164.779 13.005,236.077 18.924,218.078 232.099,308.663 268.399,493.918 16.874,86.119 -37.253,229.874 -42.144,323.022 -7.527,143.381 69.579,142.669 104.526,244.648"

I don't quite understand how this is presented.

I think it converts as a list of a few simple cubic bezier curves, but how? What should I take as control points, start point, end point every time?

And what are the exact coordinates of the relatives? And about what?

I am completely new to SVG graphics and (it seems to me that) the w3 links do not provide enough detail on these points.

If it can help my goal here it is to represent this curve with javascript in a canvas point by point.

Thanks a lot and sorry for my english!

+3


source to share


1 answer


It seems like cubic bezier curves , not quadratic. BOM text explains which control points are and what they are relative to (end point of previous move / line / curve in general)



+2


source







All Articles