Download
User Rating: 0/5 ( 0 votes)
svgPathAnimation is a jQuery function for animating SVG multiple path synchronously
Source: github.com
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
};