title: Chrome HTML5 canvas scaling
body: <p>From what I heard on S.O. and elsewhere, the <code>ImageSmoothingEnabled</code> option of the canvas context has been enabled in Chrome since v22.0. I can't seem to get chrome to respect this, or any other of the methods here on stackoverflow for getting a pixelated image with Chrome (version 23.0). No matter what  I try for css or in the javascript, the image is still interpolated when drawn in Chrome. For instance, I've tried </p>
  
  <pre><code>image-rendering: optimizeSpeed;             // Older versions of FF
  image-rendering: -moz-crisp-edges;          // FF 6.0+
  image-rendering: -webkit-optimize-contrast; // Webkit
  image-rendering: optimize-contrast;         // Possible future browsers.
  -ms-interpolation-mode: nearest-neighbor;   // IE
  </code></pre>
  
  <p>and </p>
  
  <pre><code>var context = canvas.node().getContext("2d");
  context.ImageSmoothingEnabled = false;
  context.webkitImageSmoothingEnabled = false;
  context.mozImageSmoothingEnabled = false;
  </code></pre>
  
  <p>These settings do work with Firefox however. Does anyone know how to force chrome to pixelate a canvas image these days? </p>