SVGのオブジェクトをjQueryを使ってアニメーションさせてみた

source : svgcircle.js

<div id="svgfield"></div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="/js/svgcircle.js"></script>
<script type="text/javascript">
//<![CDATA[
	var svg = null;
	$(function(){
		svg = new svgcircle({element:$('#svgfield')});
		var animationLoop = function () {
			requestAnimationFrame(animationLoop);
			svg.animation();
		};
		animationLoop();
	});

	$(window).resize(function(){
		svg.resize();
	});

	window.requestAnimationFrame = (function(){
		return  window.requestAnimationFrame       ||
			window.webkitRequestAnimationFrame ||
			window.mozRequestAnimationFrame    ||
			window.oRequestAnimationFrame      ||
			window.msRequestAnimationFrame     ||
			function(callback, element) {
				window.setTimeout(callback, 1000 / 60);
			};
	})();
//]]>
</script>