title: Add text to image using typescript
body: <p>Hi i'm new to typescript i want to add text to image, and that image can be downloaded with the text.</p>
  
  <p>I know how to do it with javascript</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;Image Text&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;canvas id="myCanvas" width="578" height="400"&gt;&lt;/canvas&gt;
  &lt;script&gt;
    var canvas = document.getElementById('myCanvas');
    var context = canvas.getContext('2d');
    var imageObj = new Image();
    imageObj.onload = function() {
      context.drawImage(imageObj, 69, 50);
      context.font = "20px Calibri";
   context.fillText("My TEXT!", 100, 200);
    };
    imageObj.src = 
   'http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg';
  &lt;/script&gt;
  &lt;/body&gt;``
  &lt;/html&gt;
  </code></pre>
  
  <p>Can anyone help me with that?</p>
  
  <p>Thanks.</p>