title: HTML Canvas - change text dynamically
body: <p>I am trying to change the text on my html canvas while I type inside an input text field.</p>
  
  <p>I can add the text however, if I delete and type again the new text is added on the top of the old one.</p>
  
  <p><a href="https://jsfiddle.net/bm7jv7bk/1/" rel="nofollow">JSFIDDLE</a></p>
  
  <pre><code>document.getElementById('title').addEventListener('keyup', function() {
      var stringTitle = document.getElementById('title').value;
      console.log(stringTitle);
      ctx.fillStyle = '#fff';
      ctx.font = '60px sans-serif';
      var text_title = stringTitle;
      ctx.fillText(stringTitle, 15, canvas.height / 2 + 35);
      });
  </code></pre>