title: html5 drawImage works in firefox, not chrome
body: <p>I've just recently started dabbling in HTML5/Javascript, and am currently trying to put together a simple blackjack game. My main browser is Chrome, and I'd noticed my draw function for cards wasn't working. I simplified the code quite a bit, but the drawImage() function still didn't seem to put anything on the screen.</p>
  
  <pre><code>$(document).ready(function(){
   init();
  });
  
  function init(){
   setCanvas();
  }
  
  function setCanvas(){
   var canvas = document.getElementById("game-canvas");
   var context = canvas.getContext("2d");
   canvas.width = 800
   canvas.height = 600
   context.fillStyle = "#004F10";
   context.fillRect(0,0,800,600);
   var back = new Image();
   back.src = "testermed.png"
   context.drawImage(back,54,83);
  
  }
  </code></pre>
  
  <p>Now when I run this in Chrome, I get the box drawn by the context but NOT the image drawn. However when I run it in Firefox the image and box show up just fine. From what I can tell Firefox and Chrome both support HTML5 canvas equally; any ideas as to why it won't work on Chrome?</p>