How do I convert quadratic Bézier commands to cubics?

Click Q to cubic. Each Q and smooth T is rewritten as a C whose controls sit at 2/3 of the quadratic handles — an exact degree elevation.

How is Q→C different from converting SVG arcs to cubic curves?

Arcs → cubics rewrites A/a elliptical arcs. This page only touches Q and T. Existing C/S and A commands stay.

No. Flatten to lines samples C/Q/T/A into L segments for plotters. Q→C keeps a smooth cubic that matches the original quadratic.

Yes. T reflects the previous quadratic control, then that implied Q is written as C. A second click is a no-op when no Q/T remain.

FAQ

Quick answers

How do I convert quadratic Bézier commands to cubics?: Click Q to cubic. Each Q and smooth T is rewritten as a C whose controls sit at 2/3 of the quadratic handles — an exact degree elevation.
How is Q→C different from converting SVG arcs to cubic curves?: Arcs → cubics rewrites A/a elliptical arcs. This page only touches Q and T. Existing C/S and A commands stay.
Does this flatten quadratics into straight lines?: No. Flatten to lines samples C/Q/T/A into L segments for plotters. Q→C keeps a smooth cubic that matches the original quadratic.
Are smooth T commands converted as well?: Yes. T reflects the previous quadratic control, then that implied Q is written as C. A second click is a no-op when no Q/T remain.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B