I made a tool to round corners of a polygon in a proper way

• svg-round-corners

  1 66 4.6 JavaScript

  Little utility to round corners in a path

If you ever needed to round corners of a polygon — not a rectangle, in which case at least you have a CSS rule "border-radius," but an n-polygon like star or a triangle — you probably googled for such an algorithm, an npm package, or a git repo. In my case, I found a few (lib svg-round-corners, stackoverflow discussion, algo1, algo2), but all of these algos did a half of the work, literally: they would stop rounding the corner when the arc gets to a half of its shortest side. It's a trick to prevent arcs overlapping, but it also provides the lack of a naturally expected result.

• round-polygon

  2 18 1.5 TypeScript

  Tiny, typed, dependency free tool to round corners of any 2d-polygon.

Well, since I never found the solution that gives me a rounded polygon with a prescribed result... I implemented my own: round-polygon. Check it out and feel free to play with it! Also check out a crazy Demo that I created with this tool. =)

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project