清除画布会导致旧内容在下次绘制时重新出现

Question

我有一个清晰的按钮，似乎可以工作......但实际上它不能。当我返回画布时，我可以看到绘图。

Answer 1

你清理画布的方式没有问题，问题在于你的逻辑。

每次您单击或移动鼠标时，都会调用addClick方法，该方法会填充数组clickX、clickY和< code>clickDrag 与坐标；然后调用 redraw 方法，在 canvas 上绘制点。

因此，当您清除画布时，您无法重置这些数组，因此当再次调用重绘方法时（清除画布后），旧点也会被绘制。

因此，当您清除 canvas 时，请尝试清空数组 clickX、clickY 和 clickDrag，如下所示；这样当你重新开始时就不会考虑旧的观点。

clickX = [];
clickY = [];
clickDrag = [];