javascript - 如何使用 pixi.js 获取 PIXI.Graphics 实例的边界?

标签 javascript pixi.js

我正在尝试使用 pixi.js 应用世界变换来获取 Graphics 实例的边界框

我对使用PIXI.Graphics documentation有点困惑。 据我所知,它应该继承widthheightcalculateBounds()getBounds(),等等

但是,当我创建 PIXI.Graphics 实例时,这些属性似乎丢失了:

var g = new PIXI.Graphics();
g.beginFill(0xFF9900);
g.drawRect(-50,-50,100,100);
g.endFill();

g.position.x = g.position.y = 300;

stage.addChild(g);

g.getBounds();
//throws
//VM847:1 Uncaught TypeError: g.getBounds is not a function
//    at <anonymous>:1:3

使用 pixi.js 计算 Graphics 对象转换后的边界框的最简单方法是什么?

最佳答案

对我有用。 https://repl.it/@CurlyBrace/PixiBounds

问题可能出在您使用的版本上。你确定这是最后一张吗?例如,有一个名为“pixi”的过时包。

关于javascript - 如何使用 pixi.js 获取 PIXI.Graphics 实例的边界?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50000519/

相关文章:

javascript - “来自纹理的 Sprite ”不采用命中区域多边形

java - Pubnub 现在不返回 UUID 列表

javascript - react-transition-group v2 和 react-router-dom v4。为什么动画改变: inner and outer components?中的数据

javascript - 如何在不全局存储变量的情况下正确存储变量?

javascript - 添加来自不同数组的重复图 block PIXI.js

javascript - pixi.js PIXI.Texture.from() 无法添加图像

javascript - nextjs中router.pathname和router.route的区别

javascript - Google 脚本表格图表链接作为文本

javascript - 使用 pixi.js 进行适当的文本缩放?

javascript - 绘制一个没有线边框的空心圆