Eu estou tentando fazer um jogo temático de pixel art em tela HTML5 e, como parte disso, eu pego 10x20 ou mais imagens e desenhei-as na tela com o seguinte código:

<code>ctx.drawImage(image, 20, 20, 100, 200);
</code>

No entanto, a tela usa escalonamento de imagem bicúbica e, portanto, as imagens de pixel art parecem terríveis a 2x ou mais. Existe uma maneira de forçar a tela a usar a escala de vizinho mais próximo ou possivelmente usar um método personalizado para dimensionar imagens? Se não, isso significa que as imagens precisam ser escalonadas de antemão em algo como o Paint.net?