HTML5 - Canvas

onload = init;
var r = 0;
var canvas;
var ctx;
function init() {
canvas = document.getElementById('canvas');

if (canvas && canvas.getContext) {
ctx = canvas.getContext('2d');
setInterval(draw, 50);
}
}


function draw() {
ctx.beginPath();
ctx.save();
ctx.clearRect(0,0,canvas.width,canvas.height);
ctx.translate(200,200);
ctx.rotate(-r *0.1);
r ++;
for (i = 0; i < 36; i ++) {
ctx.rotate(Math.PI / 9);
ctx.scale(1.1,1.02);
ctx.fillRect(10,20,30,2);
}
ctx.restore();
}