草庐IT

javascript - 将两个 Canvas 叠加在一起 ​​+ 单击事件

我想将两个Canvas元素叠加在一起。它们用于游戏,下方的Canvas将显示一个hexgrid,而上方的Canvas用于显示玩家给出的问题/命令(基本上是箭头或hex-highlighting-我不想重绘一个巨大的hexgrid无数次).Canvas按zIndex1/2分层。但是,问题是:显示在顶部Canvas上的订单应该是响应底部Canvas的“click”和“mousemove”事件而绘制的。显然,通过将“orders”Canvas分层放置在“hexgrid”Canvas之上,“hexgrid”Canvas将不再触发任何鼠标移动和点击事件,因为它不再接收事件。有没有一种方法可以“转

javascript - 将两个 Canvas 叠加在一起 ​​+ 单击事件

我想将两个Canvas元素叠加在一起。它们用于游戏,下方的Canvas将显示一个hexgrid,而上方的Canvas用于显示玩家给出的问题/命令(基本上是箭头或hex-highlighting-我不想重绘一个巨大的hexgrid无数次).Canvas按zIndex1/2分层。但是,问题是:显示在顶部Canvas上的订单应该是响应底部Canvas的“click”和“mousemove”事件而绘制的。显然,通过将“orders”Canvas分层放置在“hexgrid”Canvas之上,“hexgrid”Canvas将不再触发任何鼠标移动和点击事件,因为它不再接收事件。有没有一种方法可以“转