使用Canvas模拟图层

Question

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

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

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

Answer 1

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

所以只会有一个mousedown等，它会通过你的画布清单做相关的事情（命中检测等）。假设您的画布直接相互关联，则不存在协调问题。