$.animate(). That aside, you can use the exact same animation keywords such as
6. Lazy Line Painter
Lazy Line Painter is a jQuery plugin for animating SVG paths to animate the drawing sequence, similar to Vivus. The bad news is this plugin only does this very specific thing. Hence, when you import SVG from apps like Illustrator or Inkscape, ensure that there is no Fill color left on your SVG, just the paths.
SVG.js is a lightweight library for manipulating and animating SVG. With this library, you’ll be able to animate the size, position or color within your SVG element. It not only animates though; you can also apply additional plugins to add extra functionalities. This example uses the svg.filter.js plugin to apply filters like gaussian blur, desaturate, contrast, sepia etc. to the image.
.js file in your HTML, and designate the SVG element you want to animate, along with some preset options to start the animation right away.
The above will animate my SVG element that has the
svg-element ID in 200 millisecond. Each element of this SVG will be drawn one after the other within that time-frame.