DEV Community

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

Posted on

1 1

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)

Sentry image

See why 4M developers consider Sentry, β€œnot bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more