toPath

An lightweight and fastest alternative to svg-points with tweening support

Note

• Please don't use function instance in frame-render. Because when you do it, you kill the performance
• This is simple and alternative for svg-points

CDN

# unpkg 
https://unpkg.com/topath
 
# npmcdn 
https://npmcdn.com/topath
 
# jsDelivr 
https://cdn.jsdelivr.net/npm/topath

Installing

$ npm install topath
# or 
$ yarn install topath

Docs

Those functions does almost everything what you need, but sometimes hand-made changes required

toPath

What it does?

It is prepares values for better performance

Code

var p = toPath(fromShape, toShape);
 
    path.setAttribute('d', toPath(0.5));