如何防止HTML画布上的图形重叠（橡皮擦）？

Question

基本上，我有一些可移动的形状，并且可以绘制。当用户删除某个图形（在其图形上绘制白色）时，我不希望他们能够在可移动形状上进行绘制。

现在，我能想到的唯一解决方案是每次移动橡皮擦时是否都要检查橡皮擦是否与某种形状发生碰撞而不只是绘制成白色。

此解决方案所遇到的问题：

1. 橡皮擦每次移动时都必须检查每个形状，听起来会像放慢速度。
2. 当我四处移动形状（并重新绘制画布）时，白色橡皮图会出现在形状上（这样形状的一部分就会被删除）。