javascript - 我需要每帧重新绘制整个画布吗？

Question

例如，如果我有一个普通的画布，上面有地面和太阳/月亮，然后每一帧我都重新绘制角色（因此可以使用箭头键移动它）我是否需要重新绘制所有内容，或者我可以保持背景静态并仅移动（通过删除/重新绘制）角色精灵/图像？

Answer 1

画布标签内没有不同的图层，因此为了仅删除图像的特定部分，您需要在其上绘制一些东西。如果后面有图像背景，这可能会变得复杂。

在您的情况下，我肯定会使用setInterval或使用多个canvas元素以一定的速度重新绘制它以保持图层分离。

Answer 2

您可以将两个<canvas>元素叠加在一起。否则，是的，您需要重新绘制已更改的整个区域。