How to offset a cubic bezier curve?


Staff member
I'm trying to create a "parrallel" bezier curve. In my attempts I've gotten close but no cigar. I'm trying to keep a solid 1px offset between the 2 curves (red,blue).

<img src="" alt="current attempt">

My main goal is use a edge offseting algorythm to expand/shrink a svg path.



For anyone else who is looking for a solution, I've create a AS3 version.

<a href="" rel="noreferrer"></a>