zPath.js - Draw while animating SVG

The point of SVG is that it is vector-based data and its content is XML, so that it can be operated programmably. Unlike binary data, it is easy to say that it draws only part or changes color.

I would like to use zPath.js there. It loads SVG and draws while animating.

How to use zPath.js

One case. You can also control the speed.


You can also change how to draw.


With zPath.js, you can specify that the logo and so on should be animated as well. Until now, I only used animation and animation GIF, but using zPath.js seems to have the advantage of using SVG.

zPath.js is jQuery / JavaScript open source software (MIT License).

zPath.js Demo

Zet-Tools/zPath.js: A jquery plugin that will animate/draw SVG