Ich versuche, ein Pixel-Art-Spiel im HTML5-Canvas-Format zu erstellen. Als Teil davon nehme ich Bilder im Format 10 x 20 und zeichne sie mit folgendem Code auf den Canvas-Bereich:

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

Auf der Leinwand wird jedoch eine bikubische Bildskalierung verwendet, und daher sehen die Pixelkunstbilder ab 2x furchtbar aus. Gibt es eine Möglichkeit, Canvas zu zwingen, die Skalierung des nächsten Nachbarn zu verwenden, oder möglicherweise eine benutzerdefinierte Methode zum Skalieren von Bildern zu verwenden? Wenn nicht, müssen die Bilder vorher in so etwas wie Paint.net skaliert werden?