DEV Community

netsi1964 πŸ™πŸ»
netsi1964 πŸ™πŸ»

Posted on

Simple add round corners to SVG path using quadratic line type

This is a simple way to add round corners to at SVG path element. This version uses the quadratic line type to add the round corners. It handles only PATH elements which uses only the L and M line types. It restricts the corner radius to be less than then half of the shortest lines to avoid broken corners. For now you cannot edit the figure or copy the SVG. To do that you will have to inspect the DOM.

Top comments (0)