Animates SVG Drawings giving them the appearence of being drawn.


Based on vivus.js


https://github.com/maxwellito/vivus

 

vivusSetSVG

Purpose:

Initialize a SVG image placed inside a container

Category:

SVG Vivus

Syntax:

vivusSetSVG "containerId" duration "tipo"

 

containerId

Select a Container Object from your App

duration

Time in frames (Default 200)

tipo

Drawing type: delayed, async, oneByOne

 

vivusPlay

Purpose:

Play draw animation

Category:

SVG Vivus

Syntax:

vivusPlay "containerId"

 

containerId

Select a Container Object from your App

 

vivusReversePlay

Purpose:

Reverse play draw animation

Category:

SVG Vivus

Syntax:

vivusReversePlay "containerId"

 

containerId

Select a Container Object from your App

 

vivusStop

Purpose:

Stop animation

Category:

SVG Vivus

Syntax:

vivusStop "containerId"

 

containerId

Select a Container Object from your App

 

vivusReset

Purpose:

Reset animation

Category:

SVG Vivus

Syntax:

vivusReset "containerId"

 

containerId

Select a Container Object from your App

 

vivusFinish

Purpose:

Finish animation

Category:

SVG Vivus

Syntax:

vivusFinish "containerId"

 

containerId

Select a Container Object from your App

 

vivusSetProgressPercent

Purpose:

Set de percentage drawn

Category:

SVG Vivus

Syntax:

vivusSetProgressPercent "containerId" percent

 

containerId

Select a Container Object from your App

percent

0 to 100 percent value

 

vivusLoadSVG

Purpose:

Initialize an external SVG image and place it inside a container

Category:

SVG Vivus

Syntax:

vivusLoadSVG "containerId" "fileURL" duration "tipo"

 

containerId

Select a Container Object from your App

fileURL

SVG File URL

duration

Time in frames (Default 200)

tipo

Drawing type: delayed, async, oneByOne

 

vivusSvgIconPlay

Purpose:

Play draw animation in SVG Icon Object

Category:

SVG Vivus

Syntax:

vivusSvgIconPlay "svgid" duracion

 

svgid

SVG Icon

duracion

Duration in frames (default 200)