title: Jaggies text when fillText in canvas in chrome
body: <p>I am trying to draw text in canvas but the drawn text has jaggies especially in chrome 31.0.1650. 
  I have tried <code>-webkit-font-smoothing:antialiased,text-shadow</code> but all go in vain. </p>
  
  <p>How to tackle this problem?
  Thanks in advance.</p>
  
  <p>Here is the style code:</p>
  
  <pre><code>&lt;style&gt;
      #my_canvas{           
          -webkit-font-smoothing: antialiased;
          text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
          text-indent: -9999px; 
      }                   
  &lt;/style&gt;
  </code></pre>
  
  <p>The code in body:</p>
  
  <pre><code>&lt;canvas id="my_canvas" height="300" width="2200"&gt;&lt;/canvas&gt;
  &lt;script&gt;
      var canvas = document.getElementById("my_canvas");
      var context = canvas.getContext("2d");
      context.imageSmoothingEnabled =true;
      context.fillStyle = "BLACK";
      context.font = "bold 100px Arial";
      context.fillText("A quick brown fox jumps over the lazy dOg", 50, 200);
  &lt;/script&gt;
  </code></pre>