svg Path Animation

Download Demo

svgPathAnimation is a jQuery function for animating SVG multiple path synchronously

1. INCLUDE JS FILES

<script src="jquery.js"></script> <script src="../svg.min.js"></script>

2. HTML

<svg width="100" height="100" id="example1"></svg>

3. JAVASCRIPT

var example_one = new SvgAnimation({ "elem" : "#example1", "increaseBy" : 1, "timeout" : 10 }); example_one.animate();

4. OPTIONS

var svgAnimSettings = {         "elem" : "#svg-circle",         "increaseBy" : 3,         "timeout" : 1,         "reverse" : true };