在PIXI.js中如何避免精灵中alpha透明区域的交互性(点击等)
How to avoid interactivity (click etc.) on alpha transparent zones in sprites in PIXI.js
我加载了一个六边形。png,由于alpha值,未填充的区域是透明的。当用户单击该按钮时,我希望他只能单击非透明区域,以避免在六边形对齐时矩形边界上的重叠事件。是否有任何函数或属性能够做到这一点?
可以设置精灵的hitArea。它可以是矩形、圆形或多边形。对于一个200 x 200的六边形精灵,你可以这样做:
var points = [50,0, 150,0, 200,100, 150,200, 50,200, 0,100];
sprite.hitArea = new PIXI.Polygon(points);
**注意,这似乎在最新版本中被打破了。它在PIXI v3中工作,直到PIXI v4.0.3。
相关文章:
- onkeyup无法动态创建多个文本区域
- FabricJs-限制主对象内添加对象的移动区域
- jquery日期选择器失去了交互性
- 具有所有样式的文本正在复制到可编辑文本区域
- 如何为高图中的区域线创建z索引
- 在文本区域POST后解码JSON
- 在文本区域中使用jQuery.text()保持换行符
- ng在下拉列表和文本区域提交
- 使用fabric.js从矩形区域获取对象,并将该区域绘制到画布上
- 当用户按下回车键时,自动在text区域/text中插入消息
- 将文本插入光标所在的文本区域
- 离开页面导航后保留文本区域内容
- 不能在图像中的地图标记中使用花式框jquery插件的区域标记
- Javascript-在文本区域中断,但不在段落中中断
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 测试文本区域中的特定文本格式
- 画布中绘制的矩形区域的弹出工具提示
- 文本编辑后,append函数不适用于文本区域
- 如何在ReactJs中链接下拉列表和文本区域
- 在PIXI.js中如何避免精灵中alpha透明区域的交互性(点击等)