jquery-canvas-loader

HTML5 canvas-based loading icons created using jQuery


Install
bower install jquery-canvas-loader

Documentation

/**
 * jQuery Canvas Loader Plugin 1.3
 *
 * Creates an alternative to ajax loader images with the canvas element.
 *
 * Tested on Mobile Safari and Android browsers.
 *
 * By Jamund Xcot Ferguson
 * 
 * Twitter: @xjamundx
 * Blog: http://www.jamund.com/
 *
 * Usage:
 *
 * Without options:
 *
 *      $("img.ajaxLoader").canvasLoader();
 *
 * With options:
 * 
 *		$("img.ajaxLoader").canvasLoader({
 *   		'radius':10,
 *   		'color':'rgb(255,0,0),
 *  		'dotRadius':10,
 *			'backgroundColor':'transparent'
 *   		'className':'canvasLoader',   
 *   		'id':'canvasLoader1',
 *   		'fps':10
 *		});
 *	
 * Options:
 *
 *		radius - width/height of the loader
 * 		color - color of the pulsing dots
 * 		dotRadius - radius of the pulsing dots
 * 		className - class name of the canvas tag
 *		backgroundColor - a background color for the canvas
 * 		id - id of the canvas tag
 *		fps - approximate frames per second of the pulsing
 *
 **/