html - 多个 HTML5 画布覆盖

Question

是否可以通过事件传播创建一些透明的 HTML5 画布堆栈？

例如，我有一个带有绘制图像的背景画布，并带有一些附加的点击处理程序。之后，我想在背景画布上添加另一个尺寸完全相同的画布，它也有透明区域。问题是，如果我在顶层点击它，背景画布的点击处理程序会被触发吗？

Answer 1

如果我在顶层点击它，背景画布的点击处理程序会被触发吗？

不，它不会。画布阻止来自其背后事物的事件。

通常，您有两种选择：将事件放在每个画布上，并建立一个系统，如果第一个画布上没有任何事情发生，则让它们“通过”，或者仅将事件放在最顶层的画布上并使用这些事件来执行有关所有画布的操作。

我建议第二种方法。仅将所有事件保留在最顶层的画布上。