title: Matter.js: placing text or images on the canvas
body: <p>I'm wanting to place font or static images onto the canvas but not sure what the best approach is using Matter.js.  Right now, for images, i'm just creating a body with a size of '0' and putting the image url in the render.sprite.texture property.  Seems to do the trick but is there a different/better way of putting static images on the canvas?</p>
  
  <p>Also, I am putting text onto the canvas using the 'afterRender' event near the top of my scripts, before anything else is created/drawn:</p>
  
  <pre><code>_sceneEvents.push(
      Events.on(_engine, 'afterRender', function(event) {
          var context = _engine.render.context;
          context.font = "45px 'Cabin Sketch'";
          context.fillText("THROW OBJECT HERE", 150, 80);
      });
  );
  </code></pre>
  
  <p>Only problem is the text keeps getting drawn on top so my draggable objects keep going behind the text.  I just want the text to stay in the background, like a static image, but I figured drawing the font onto the canvas might be better than having to make the user download another image.  Any help?</p>