html5画布图像移动问题

Question

使用以下方式绘制图片：

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

当我以每帧0.005像素的速度缓慢移动图片时，我开始观察图像是如何压缩和拉伸的。好像每个像素都定期拉伸到下一个像素一样。

尝试：ctx.imageSmoothingEnabled = true;但是它只能使图像本身平滑，而不能使图像移动。 还尝试舍入大小和位置（renderPositionX，renderPositionY，renderSizeX，renderSizeY）。

我该如何解决？这是怎么回事？

Answer 1

我也遇到了这个问题，我发现最好的解决方法是使用

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

我希望这会有所帮助！