Проблема с масштабированием изображения на холсте HTML5

Я пытаюсь создать игру на тему пиксельной графики на холсте HTML5, и как часть этого я беру изображения размером 10x20 или около того и рисую их на холсте с помощью следующего кода. :

ctx.drawImage(image, 20, 20, 100, 200);

Однако холст использует бикубическое масштабирование изображения, и, следовательно, пиксельные изображения выглядят ужасно в 2x и выше. Есть ли способ заставить холст использовать масштабирование ближайшего соседа или, возможно, использовать пользовательский метод для масштабирования изображений? Если нет, то делает это означает, что изображения должны быть заранее масштабированы в чем-то вроде Paint.net?

16
задан dagronlund 9 May 2012 в 22:37
поделиться