title: context.fillText and context.fillRect not working
body: <p>I had no idea why it won't works, same methods used in other code which works but not this one, there's no errors and warnings at the console too, is there any wrong in my code?</p>
  <p><a href="https://jsfiddle.net/ckup5w1x/" rel="nofollow noreferrer">Code in JSFiddle</a></p>
  <pre><code>var canvas = document.createElement(&quot;canvas&quot;);
  
  // styling
  canvas.style.position = &quot;absolute&quot;;
  
  canvas.height = 300;
  
  canvas.width = 500;
  
  canvas.style.top = &quot;0px&quot;;
  canvas.style.left = &quot;0px&quot;;
  
  var cxt = canvas.getContext(&quot;2d&quot;);
  
  // title should be larger
  cxt.font = &quot;15px arial&quot;;
  
  cxt.textAlign = &quot;center&quot;;
  
  cxt.fillStyle = &quot;black&quot;;
  
  cxt.fillText(
      &quot;Testing Chart&quot;,
      250,
      200
  );
  
  cxt.fillRect(
      250,
      200,
      50,
      50
  );
  </code></pre>