A canvas rotate example

function canvasReady() {
  draw(document.getElementById('canvas').getContext('2d'));
}
function draw(ctx) {
  ctx.translate(75,75);
  var i, j;
  for (i=1;i<6;i++){
    ctx.save();
    ctx.fillStyle = 'rgb(255,'+Math.abs(306-51*i)+',0)';
    for (j=0;j<i*6;j++){
    ctx.rotate(Math.PI*2/(i*6));
    ctx.beginPath();
    ctx.arc(0,i*12.5,5,0,Math.PI*2,true);
    ctx.fill();
    }
    ctx.restore();
  }
}