How exactly can one calculate all required parameters for SVG path arc? Is there a source with a set of formulas somewhere available? A compendium without all the geometry background and without lengthly explanations?
I have been fiddeling with an online tool http://xahlee.info/js/svg_circle_arc.html but the resulting parameters seem to be all intervowen in some way.
For my specific application to draw an arc that has an appearence similar to the letter 'C', I exactly have four givens: The coordinates for the two ends of the arc, the height and the leftmost point:
Height: 29.0
Leftmost point: x=0 y=(29/2)=14.5
Upper end of the arc: x1=20 y1=6
Lower end of the arc: x2=22 y2=20
Now I want to write an absolute path:
<path d="M xx yy
A rx ry x-axis-rotation large-arc-flag sweep-flag x y"/>
This seems to be a hard task but I'm sure there is a way to derive everything from the givens.