如何在画布上移动圆圈？

Question

我尝试使用requestAnimationFrame在画布上移动一个圆圈。 当我移动鼠标时，圆圈移动。但也有其他前面的圈子。 我该怎么做才能抹掉以前的精灵？

我使用arc(x, y, 15, 0, 2*Math.PI, true);

绘制

Answer 1

您正在寻找的是“clearRect”

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

在

之前调用它

arc(x, y, 15, 0, 2*Math.PI, true);

发生了什么：
在绘制下一帧之前，画布不会自行清除。因此，您绘制的任何内容都将保留在那里，直到您调用“clearRect（）”