html5 проблема движения изображения холста

Question

Изображение рисуется с помощью:

ctx.drawImage(this.img, renderPositionX, renderPositionY, renderSizeX, renderSizeY);    

Когда я медленно перемещаю изображение со скоростью 0,005 пикселей на кадр, я начинаюнаблюдать, как изображение сжимается и растягивается.Как будто каждый пиксель периодически растягивается до следующего пикселя.

Tried: ctx.imageSmoothingEnabled = true;Но это позволяет только сгладить саму картинку, а не то, как она перемещается.Также пытались округлить размер и положение (renderPositionX, renderPositionY, renderSizeX, renderSizeY).

Как это исправить?О чем это все?

Answer 1

У меня тоже была эта проблема, и я обнаружил, что лучшим решением было использовать

context.drawImage(src, Math.round(xPos), Math.round(yPos));

Надеюсь, это поможет!