I have the following information:

  • radiusX (rx)
  • radiusY (ry)
  • x1
  • y1
  • x2
  • y2

The SVG spec allows you to define an arc by specifying its radius, and start and end points. There are other options such as large-arc-flag and sweep-flag which help to define how you want the start-point to reach the end-point. More details here.

I am not mathematically inclined, so understanding all of this is near impossible.

I guess I am looking for a simple equation that results in me knowing the centerX and centerY values given all the arguments accepted by SVG's arc command.

Any help is appreciated.

I've search stackoverflow and none of the answers seem to explain the solution in plain english.

Edit
Report