title: Javascript/HTML5 using image to fill canvas
body: <p>I'm trying to get an image to fill up my canvas. Here is the code I'm trying: </p>
  
  <pre><code>var blueprint_background = new Image();
  blueprint_background.src = 'images/blueprint_background.png'; 
  var pattern = context.createPattern(blueprint_background, "repeat");
  
  context.fillStyle = pattern;
  context.fill();
  </code></pre>
  
  <p>The issue is that nothing shows up. I was able to do the the basic context.fillRect(..) example, but this is giving me troubles. </p>
  
  <p>Thanks.</p>