title: Put text on an image and save as image
body: <p>I have one problem with HTML5 Canvas.
  I have one image. On this image I want to put text and display/save this as an image.</p>
  
  <p>I have this code:</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);
       context.font = "20px Calibri";
       context.fillText("My TEXT!", 50, 200);
   };
   imageObj.src = "mail-image.jpg"; 
  };
  </code></pre>
  
  <p>This works fine. There is my image and the text on it.
  But it is still a canvas and no image.
  Can anybody help me?</p>