javascript - HTML5 删除 Canvas 中先前绘制的对象

Question

借助方法 moveTo 和 lineTo，我在 HTML5 Canvas 中绘制了一个多边形对象(比如汽车)。我想在 Canvas 的不同位置重复绘制该对象(模拟移动对象)。我的问题是之前绘制的对象没有被清除。相反，在 Canvas 上绘制了多个图像。我该如何解决这个问题？

Answer 1

您必须在每个绘制帧开始时清除 Canvas

context.clearRect(0, 0, canvas.width, canvas.height);