Get new jQuery plugins just once a week

×

Lazy Line Painter

FavoriteLoadingAdd to favorites

January 30, 2013

Lazy Line Painter | jQuery plugin For SVG Path Animation

Lazy Line Painter is a Jquery plugin for path animation using the Raphaël Library. Implementing this plugin is broken into two parts.
Preparing your web-friendly data & Configuring lazy-line-painter.js
You can even drop your .SVG into ‘SVG to Lazy Line Convertor’ on http://lazylinepainter.info/
Copy lazy line code and paste into your DOM ready function.

Example Code:

$('#demo').lazylinepainter({
'svgData' : svgData, // the object containing the SVG path info
'strokeWidth':7,
'strokeColor':'#de8f8f'
}
)

Created by camoconnell

Download

Example

Lazy Line Painter jquery plugin

SVG path animation

Lazy Line Painter

Related posts:

promoSlide
Shuffle Images
isInViewport-js
Lazy Line Painter jquery plugin

http://jquer.in/wp-content/uploads/2013/01/Lazy-Line-Painter.png

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever