Vivus extension released.

All the latest news about WYSIWYG Web Builder can be read in this section

*** Current version: WYSIWYG Web Builder 15.1.0 ***
Locked
User avatar
Pablo
 
Posts: 18062
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Vivus extension released.

Post by Pablo » Fri Sep 27, 2019 1:54 pm

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

Image

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.

User avatar
Pablo
 
Posts: 18062
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Vivus extension released.

Post by Pablo » Sat Sep 28, 2019 6:59 am

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.

Locked