title: Drawing image on canvas - larger than real
body: <p>I want to draw an image from jpg file on canvas.
  My code:</p>
  
  <pre><code>var canvas = document.getElementById('my_canvas');
    var ctx = canvas.getContext('2d');
    var imageObj = new Image();
  
    imageObj.onload = function() {
      ctx.drawImage(imageObj, 0, 0);
    };
    imageObj.src = 'img/my_image.jpg';
  </code></pre>
  
  <p>The problem is that the image on canvas is much bigger than in file. Why? How can I draw image real size?</p>
  
  <p>UPDATE: 
  result: <a href="http://jsfiddle.net/AJK2t/">http://jsfiddle.net/AJK2t/</a></p>