title: Image as a 'background' to a drawn Shape
body: <p>Is it possible to 'fill' a shape on an HTML5 canvas with an image instead of a color?</p>
  
  <p>I've drawn a bunch of shapes (squares with various corners sliced off at 45 degree angles). I'd like to be able to 'fill' these shapes with an image, instead of a color. At the moment I've got a line stating:</p>
  
  <pre><code>context.fillStyle = '#123456' // example fill color
  </code></pre>
  
  <p>What I'm looking for is something like:</p>
  
  <pre><code>context.fillStyle = 'url(http://www.myimagereference.com/image.png)';
  </code></pre>
  
  <p>I know that I can't use fillStyle this way - but is there another way to achieve this kind of thing?</p>