title: HTML5 Canvas Image Scaling Issue
body: <p>I am trying to make a pixel art themed game in HTML5 canvas, and as part of that I take 10x20 or so sized images and draw them onto the canvas with the following code:</p>
  
  <pre><code>ctx.drawImage(image, 20, 20, 100, 200);
  </code></pre>
  
  <p>However the canvas uses bicubic image scaling and hence the pixel art images look terrible at 2x and up. Is there a way to force canvas to use nearest neighbor scaling or possibly use a custom method to scale images? If not does that mean the images have to be scaled beforehand in something like Paint.net?</p>