<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');

var imageObj = new Image();
imageObj.src = 'http://www.echeverry.tv/photos/faces/icons/IMG_2744.jpg';


imageObj.onload = function() {
draw();
}

function draw() {
for (var i=0; i<=4; i+=0.05) {
context.save();
context.translate(canvas.width/2, canvas.height/2);
context.rotate(-Math.PI*i);
context.drawImage(imageObj, 0, 0, i*30, i*40);
context.restore();
}
}

</script>