title: DrawImage will not load on first frame
body: <p>I have a simple draw image for my canvas but it won't display on the first frame.</p>
  
  <p>It's driving me mad i dunno why it won't do it!!</p>
  
  <p>This is my script:</p>
  
  <pre><code>img = new Image();
  img.src = 'images/0.png'; //preLoad the image
  
  
  window.requestAnimFrame = (function(){
    return  window.requestAnimationFrame       || 
            window.webkitRequestAnimationFrame || 
            window.mozRequestAnimationFrame    || 
            window.oRequestAnimationFrame      || 
            window.msRequestAnimationFrame     || 
            function( callback,  element){
              window.setTimeout(callback, 1000 / 60);
            };
  })(); //frames per second
  
  
  function gameUpdate(){ 
      previous = 0;
      requestAnimFrame( gameUpdate ); 
      draw(); 
  }
  </code></pre>
  
  <p>Then the <code>draw()</code> function has this:</p>
  
  <pre><code>//doesn't display on first fame
  canvas['canvas1'].ctx.drawImage(img, 100, 150); 
  
  //displays on first frame           
  canvas['canvas1'].ctx.fillStyle = "rgba(255, 255, 255, 0.8)";
  canvas['canvas1'].ctx.fillRect (30, 30, 55, 50);
  </code></pre>
  
  <p>FillRect works fine but not the drawImage for the first frame, any ideas why this might be ??</p>