多个HTML5画布覆盖

Question

是否有可能通过事件传播创建一堆透明HTML5画布？

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

Answer 1

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

没有也不会。画布阻止事物背后的事件。

通常你有两个选择：将事件放在每个画布上，并让系统让它们“落下”，如果第一个画布上没有任何事情发生，或者只将事件放在最上面的画布上并使用这些事件来执行操作关于所有的画布。

我建议使用第二种方法。只保留最上面的画布上的所有事件。