canvas - 在画布中由 drawImage 创建的移动图像

Question

如何在画布中移动图像？没有可以通过 += 或 -= 更改的 x\y 坐标。

Answer 1

画布是一个即时的绘图表面。当您像画布一样进行调用时drawImage，会将位图渲染到上下文中，然后忘记曾经发生过的任何事情。它不跟踪任何内容。

这意味着您需要跟踪所有内容。如果要移动图像，则需要清除画布并在与以前不同的位置重新绘制图像（以及场景中的所有其他内容）。

这以各种方式出现了很多，所以我制作了一个关于管理绘制对象的状态和画布交互性的教程，作为对这个主题的一个不错的介绍。本教程使用可以在屏幕上拖动的矩形，但使用图像几乎相同。