Estoy tratando de hacer un juego temático de pixel art en un lienzo HTML5, y como parte de eso tomo imágenes de tamaño 10x20 o más y las dibujo en el lienzo con el siguiente código:

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

Sin embargo, el lienzo utiliza una escala de imagen bicúbica y, por lo tanto, las imágenes de pixel art tienen un aspecto terrible a partir de 2x. ¿Hay alguna forma de forzar que el lienzo use la escala del vecino más cercano o posiblemente use un método personalizado para escalar imágenes? Si no, ¿significa eso que las imágenes tienen que escalarse de antemano en algo como Paint.net?