Giter VIP home page Giter VIP logo

svg-round-corners's People

Contributors

baptistearno avatar brunofenzl avatar brunofenzl-te avatar crllrd avatar dependabot[bot] avatar stutrek avatar twixes avatar urish avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

svg-round-corners's Issues

Publish latest version to NPM?

Thank you for this awesome lib!

Is it possible to publish the latest version of the package to NPM? There have been important fixes since 0.2.0

Add support for different radiuses on corners

In a project I am working on I get an array of points with different radiuses for each point(corner). I forked this repository and made the changed (one line) that work for me.
The problem is, this solution lacks the following:

  • not backwards compatible
  • no support for multiple subpaths
  • when the overlap filter removes items from the array the indexes don't line up any more.

Looking forward to your opinion.

Just wanted to say thanks!

Sorry, I know it's not an issue but I just wanted to say this little utility has just saved me hours of time and made my code way simpler! Great work :)

License?

Can you add a license file? Is this MIT? Public Domain? Something else?

Precision for markOverlapped

It is common to use svgs as clipping paths for images, and to set clipPathUnits to objectBoundingBox which remaps anything within normalized space (0-1) to the boundary of the element.

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/clipPathUnits

Because of this small normalized space, two points that would normally be seen as pixels apart, are now subpixels apart in svg land and get marked as overlapping by the Math.round function.

https://github.com/BrunoFenzl/svg-round-corners/blob/master/lib/utils.js#L314

What probably could be done is to match the precision of the roundValues function by reusing the round argument

Screen.Recording.2024-01-20.at.14.47.21.mov

Thanks for the great package!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.