Live data from Hacker News

An interactive guide to SVG paths

joshwcomeau.com

31–40 of 49 posts

Re: An interactive guide to SVG paths

#35
Is there a drawing program which focuses on the programmability aspect of SVG editing while allowing drawing in a natural fashion?

I've done it in Inkscape, but it's a bit awkward --- there was a programming orienting tool mentioned here a while back, but it was light on the drawing aspect.

Re: An interactive guide to SVG paths

#37

I wonder if there's a more intuitive way to define an elliptical arc given 2 endpoints. Dimension analysis shows we need 3 parameters. The SVG spec uses rx/ry/rotation, plus a couple booleans, but maybe there's a better parameterization without booleans? For example, it could be two coordinates of a control point - if the endpoints are A and B and the control point is C, the ellipse would be tangent to AC and BC - an…

The answer is YES. Get ready for a trip involving some projective 2D geometry.. If you recall the Greek's fascination with conic sections, an ellipse, hyperbola, parabola, and of course circle are all the same subject to projective 2D transformations. You can "slice through" an infinitely extending (double) cone with a plane and get conic sections, hence the name. So you could have two end points (interpolating contr…

> "nine(!) values of desperate types"

Appropriate typo...

Thanks for the explainer, interesting stuff!

If you were to create a web page explaining these conics with some interactive visuals, I bet it would be popular here.

Re: An interactive guide to SVG paths

#39

Is there a drawing program which focuses on the programmability aspect of SVG editing while allowing drawing in a natural fashion? I've done it in Inkscape, but it's a bit awkward --- there was a programming orienting tool mentioned here a while back, but it was light on the drawing aspect.

GodSVG: https://www.godsvg.com/

Boxy SVG: https://boxy-svg.com/#demo-elements

Repath Studio: https://repath.studio/

MacSVG: http://macsvg.org

Post reply on HN