title: Disable anti-aliasing when drawing an image to a canvas-element in IE9
body: <p>Our application loads a PNG-image via JavaScript and draws it to the 2D-context of a canvas-element in order to read the exact color values of the pixels (using getImageData).</p>
  
  <p>This works fine in all browsers that support the canvas-API, except in IE9: <em>ctx.drawImage(img, 0, 0)</em> seems to apply some kind of anti-aliasing to the image. Is it possible to disable this behavior?</p>
  
  <p>Our code kind of looks like this:</p>
  
  <pre><code>var img = document.createElement('IMG');
  img.addEventListener('load', function(e) {
      var w = img.width,
          h = img.height,
          ctx = canvas.getContext('2d');
  
      ctx.drawImage(img, 0, 0);
      var data = ctx.getImageData(0, 0, w, h),
          pixels = data.data;
  
      for (var y = 0, i = 0; y &lt; h; y++) {
          for (var x = 0; x &lt; w; x++, i += 4) {
              var r = pixels[i],
                  g = pixels[i+1],
                  b = pixels[i+2],
                  color = (r &lt;&lt; 16) | (g &lt;&lt; 8) | b;
  
              // do something with x, y and color
          }
      }
  });
  img.src = 'images/source.png';
  </code></pre>