title: How to write text on top of image in HTML5 canvas?
body: <p>I want to display a image on canvas and insert a text on top of that image.</p>
  
  <pre><code>window.onload = function() {
      var canvas = document.getElementById("myCanvas");
      var context = canvas.getContext("2d");
      var imageObj = new Image();
  
      imageObj.onload = function() {
          context.drawImage(imageObj, 10, 10);
      };
  
      imageObj.src = "darth-vader.jpg";
      context.font = "40pt Calibri";
      context.fillText("My TEXT!", 20, 20);
  };
  </code></pre>
  
  <p>I'm getting only an image over here but not the text; the text is behind the image.
  How to insert the text on top of the image?</p>