Javascript 即使在另一个图形下，图形也是交互式的

我对PIXI非常陌生，但我希望它在web浏览器中的行为类似于DOM

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

var g1=new PIXI.Graphics（）；
// ...
g1.x=10；
g1.y=20；
g1.zIndex=1；
g1.交互=真；
g1.按钮模式=真；

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

var g2=new PIXI.Graphics（）；
//...
g2.x=20；
g2.y=30；
g2.zIndex=2；

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

我希望g1的覆盖区域不可点击

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

提前谢谢

编辑： 不知何故，这个问题似乎正好相反：

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

编辑：不知何故，这个问题似乎正好相反：

---

正如@gman所注意到的，解决方案是使

g2

图形也具有交互性：

更加明确-g2可能会在视觉上覆盖g1，但如果g2未设置为交互性，则交互管理器在点击测试点击时会忽略它。处理交互（鼠标+触摸）时，只有交互对象“计数”。