animate-svg
Easily animate an SVG line or path to look like it's animating itself.
Installation
npm install --save animate-svg
Usage
Basic usage:
{ // blabla const path = document // the animateSvg function esentially returns a promise // so you can await it if you use it in an async function await // blablabla}
The function animateSvg
accepts 3 parameters:
- the
SVGPathElement
orSVGLineElement
to animate - the speed at which the animation should occur (pixels per millisecond)
- (optional) direction of the animation:
true
is for reverse animation,false
is for normal