title: Resizing a canvas image without blurring it
body: <p>I have a small image, which I am rendering on a canvas, like this:</p>
  
  <pre><code>ctx.drawImage(img, 0, 0, img.width*2, img.height*2);
  </code></pre>
  
  <p>I would like this to show a sharp upsized image (4 identical pixels for each image pixel). However, this code (in Chrome 29 on Mac) makes a blurry image. In Photoshop terms, it looks like it's using "Bicubic" resampling, instead of "Nearest Neighbour".</p>
  
  <p>In a situation where it would be useful (eg. a retro game), Is it possible to produce a sharp upsized image, or do I need to have a seperate image file for each size of the image on the server?</p>