title: Getting wrong canvas height
body: <p>I get a wrong canvas height. Whats wrong here?
  I made a fiddle: <a href="http://jsfiddle.net/hbcz6/" rel="nofollow">http://jsfiddle.net/hbcz6/</a></p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div id="app"&gt;
      &lt;div id="percent" class="animated"&gt;&lt;/div&gt;
      &lt;canvas&gt;&lt;/canvas&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Javascript:</strong></p>
  
  <pre><code>var canvas = document.getElementsByTagName("canvas")[0];
  
  var context = canvas.getContext('2d');
  var x = canvas.width / 2;
  console.log("canvas X: ", x);
  var y = canvas.height / 2;
  console.log("canvas y: ", y);
  </code></pre>
  
  <p>Please have a look to your console.</p>