使用画布模拟图层

Question

我尝试使用重叠的HTML5画布来模拟图层，但这似乎不起作用。 HTML中定义的第一个画布将获得所有事件，mousedown，mouseup，mousemove。

http://jsbin.com/ewival/edit#preview

是否可以用帆布模拟layeys？这样我可以独立使用图层/画布吗？

Answer 1

最好的办法是始终将100％的事件处理程序保留在最顶层的画布上，并让这些事件按顺序考虑每个画布。

所以只有一个mousedown等，它会查看你做相关事情的画布列表（命中检测等）。假设您的画布彼此直接相互作用，则不存在坐标问题。