javascript - 如何将 CANVAS 的 X 轴或水平轴设置回 0

Question

我正在制作动画，并使用 Canvas 绘制从右向左移动的背景，为了移动 Canvas ，我使用 setInterval 使用平移值重新绘制它:

context.translate(-$gap,0);

因此，每次 setInterval 触发时， Canvas 都会向左移动 -$gap 距离。以这种方式移动 Canvas 很容易实现，但如何将 Canvas 在 X 轴上设置回零，例如 context.x(0)，就像在应用第一个 -$gap 距离之前一样。

感谢您的指导。

感谢您的指导。

Answer 1

通过使用单位矩阵或代码初始化来简单地重置矩阵:

context.setTransform(1,0,0,1,0,0);

其中后两个值表示平移 (x, y)。