SVG Circle/Ellipse to Path Converter

Posted byDan Hansen Leave a comment on SVG Circle/Ellipse to Path Converter

Often times using paths in an SVG is preferential to using shapes. This JavaScript-based solution will take data from circles or ellipses and convert them into paths constructed from two arcs.

CX: CY:

Ellipse Circle
RX:
RY: 		R:

<path d=”“/>

Original calculation for two-arc method found here: http://stackoverflow.com/questions/5737975/circle-drawing-with-svgs-arc-path

Leave a comment

Your email address will not be published.