LAZY LINE PAINTER

A JQUERY PLUGIN FOR SVG PATH ANIMATION

HOW IT WORKS

Export your line art from Illustrator as an .SVG
Ensure there are no fills,
No closed paths - Line needs a start and end,
Crop Artboard nice & tight!

.SVG

Drop your .SVG file
into the
'SVG to Lazy Converter'.
& Copy the .JS code.
Each paths duration can be tweaked in the code!

 

.JS

 

Import jQuery & Lazylinepainter. Paste Lazyline code with'in DOM ready function & publish - Boom!

 

SVG TO LAZY LINE CONVERTER

Copy data to clipboard

© 2013 Behance.net/Cam O'Connell Interactive design & development