www.wysiwygwebbuilder.com

This extension is based on vivus.js, a script created by Maxwell Ito: http://maxwellito.github.io/vivus/
Vivus is a lightweight JavaScript that allows you to animate SVGs, giving them the appearance of being drawn.
There are a variety of different animations available.

More information
http://wysiwygwebbuilder.com/vivus.html



You can download the new extension via the Extension Manager: Menu->Tools->Extension Manager->Online Gallery->Miscellaneous

Please read the included (PDF) document for help.

There are few conditions that your SVG must meet:
All elements must have a stroke property and cannot be filled. This is because the animation only looks to progressively draw strokes and will not check for filled colours. For example: fill: "none"; stroke: "#FFF";

You should avoid creating any hidden path elements in your SVG. Vivus considers them all eligible to be animated, so it is advised to remove them before playing with it. If they are not removed the animation might not achieve the desired effect, with blank areas and gaps appearing.

Text elements aren't allowed, they cannot be transformed into path elements.