如何防止HTML画布上的绘图重叠(橡皮擦)?

基本上我有一些可移动的形状,和绘画的能力。当用户删除一个图形(在其图形上绘制白色)时,我不希望他们能够在可移动的形状上绘制。

现在,我唯一能想到的解决方法是,每次擦拭橡皮擦时,都要检查它是否与形状相撞,而不是画白色。

我看到的这个解决方案的问题是:

1. 每次擦拭橡皮擦都要检查每一个形状,这听起来会让事情慢下来。
2. 当我移动形状(并重新绘制画布)时,白色橡皮擦图形将显示在形状上(因此,该形状的部分显示为已擦除)。