Skip to content

Latest commit

 

History

History
24 lines (19 loc) · 746 Bytes

File metadata and controls

24 lines (19 loc) · 746 Bytes

Path Animator

Moves a DOM element along an SVG path (or do whatever along a path...)

###Demonstration page here

Basic use example:

var path = "M150 0 L75 200 L225 200 Z";	// an SVG path
	pathAnimator = new PathAnimator( path ),	// initiate a new pathAnimator object
	speed = 6,	 		// seconds that will take going through the whole path
	reverse = false,	// go back of forward along the path
	startOffset = 0		// between 0% to 100%
	
pathAnimator.start( speed, step, reverse, startOffset, finish);

function step( point, angle ){
	// do something every "frame" with: point.x, point.y & angle
}

function finish(){
	// do something when animation is done
}