doodleSVG
doodleSVG is a javascript tool, its purpose is to create objects that handle normalized path (for path, line, circle, rect, ellipse and polygon) from 0 to 1, to easely handle drawing SVG line animation for anytype of SVG object. It can be use with any tween engine.
Inspired by
Examples
Usage
git clone https://github.com/trinketmage/doodleSVG.git doodleSVG
How to
You can play with origin and end of each return iteration to do your desire doodle.
- Animate one element
var doodle = ; var el = document;var myDoodle = doodle; // Default value for end is 0.TweenMax;
- Animate a list of elements
var doodle = ; var list = document;var myDoodles = doodle; // Default value for end is 0.TweenMax;