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>