时间戳

首页 > 解决方案 > 一个图形即使在另一个图形下也是可交互的

javascript - 一个图形即使在另一个图形下也是可交互的

问题描述

我对PIXI很陌生，但我希望它在 Web 浏览器中表现得像 DOM。

我创建了两个图形（我也尝试过使用 sprite 并以相同的方式工作）第一个是与zIndez=1交互的

var g1 = new PIXI.Graphics();
// ...
g1.x=10;
g1.y=20;
g1.zIndex=1;
g1.interactive=true;
g1.buttonMode=true;

对于第二个，我让它与第一个重叠，只留下 10px 可见：

var g2 = new PIXI.Graphics();
//...
g2.x=20;
g2.y=30;
g2.zIndex=2;

单击重叠区域中的第二个仍然会触发第一个中的事件。

https://jsfiddle.net/hr04y9jz/

我预计g1的覆盖区域不可点击

这是预期的吗？如果是这样，有什么办法可以解决这类问题吗？

提前致谢。

编辑： 不知何故，这个问题似乎是相反的问题：如果单击“覆盖”交互元素的东西，请不要触发交互侦听器

我只是试图复制这种行为（但使用图形），但我做不到。

标签： javascriptpixi.js

解决方案

编辑：不知何故，这个问题似乎是相反的问题：如果单击了“覆盖”交互元素，则不要触发交互侦听器

正如@gman 所注意到的，解决方案是使g2图形也具有交互性：https ://jsfiddle.net/e9r04gjx/

推荐阅读