Canvas - requestAnimationFrame

by girlie_mac

HTML

<canvas id="canvas"></canvas>

CSS

#canvas {
    border: 1px solid silver;
    width: 100%;
}

JavaScript

var x = 0; 
function drawIt() { 
    window.requestAnimationFrame(drawIt); 
    var canvas = document.getElementById('canvas'); 
    var c = canvas.getContext('2d'); 
    c.clearRect(0,0,canvas.width,canvas.height); 
    c.fillStyle = "red"; 
    c.fillRect(x,50,80,100); 
    x+=2; 
} 

//window.requestAnimationFrame(drawIt);
drawIt();