title: text is grainy/blurry when drawing text on a canvas via onload
body: <p>If I try to draw text to my canvas at the onload event, the text shows up blurry.  I draw to the same canvas later via a button click from another function and it's fine.  But if I call this function from the button, it's still blurry.  Can anybody see something wrong in this code?</p>
  
  <pre><code>window.onload = initCanvasRender;
  
  function initCanvasRender() {
    var c = document.getElementById("canvas");
    var ctx = c.getContext('2d');
    ctx.setTransform(1, 0, 0, 1, 0, 0);
    ctx.textAlign = 'center';
    ctx.textBaseline = 'middle';
    ctx.fillStyle = 'black';
    ctx.font = '20px Times New Roman';
    ctx.fillText('hello...', c.width/2, c.height/2);
  }
  </code></pre>