在DisplayObjectContainer中组合图形和精灵时,容器的大小不同
Different size of a container when combing graphics and Sprite in a DisplayObjectContainer
我试图使一个网格的DisplayObjectContainers,所以我排序的元素取决于每个的宽度和高度。我在容器中添加了一个Sprite,问题是当我在容器中添加相同大小的图形元素时,宽度和高度会发生变化。我把问题缩小到这里:
var cont = new PIXI.DisplayObjectContainer();
stage.addChild(cont);
var convx = new PIXI.Sprite.fromImage('assets/img.png');
//>>>>>>> image is 289x333
cont.addChild(convx);
var msk = new PIXI.Graphics();
msk.beginFill(0x123456,0.5);
msk.drawRect(0,0,convx.width,convx.height/2);
//>>>>>>> line above makes cont.width and height 309x343 (???)
msk.drawRect(10,0,convx.width-20,convx.height/2-10);
//>>>>>>> line above makes cont.width and height = is 289x333 (same as the image)
cont.addChild(msk);
那么,当我在同一个容器中绘制相同大小的矩形时,为什么宽度和高度会发生变化呢?你有同样的问题吗?
谢谢
我在这里粘贴了一个在另一个论坛上找到的答案。如果有帮助的话…
PIXI。图形界定义如下:
var padding = this.boundsPadding;
this.bounds = new PIXI.Rectangle(minX - padding, minY - padding, (maxX - minX) + padding * 2, (maxY - minY) + padding * 2);
。在图形构造函数中将boundsPadding设置为10。
我相信这是添加额外的20px的宽度和10px的高度。
我将boundsPadding设置为0,效果很好!
相关文章:
- 根据id将json数组组合为一个json数组
- 接受不在列表中的值-引导组合框
- 从客户端获取修改后的对象,并将其与服务器上的原始对象组合
- 组合两个javascript函数
- Telerik rad组合框多列数据绑定
- 组合 2 个 JavaScript .scroll 函数
- 如何使用jquery组合两个数组
- onChange不足以从Dojo组合框触发查询
- 组合承诺和非承诺值
- 所有控件的组合框
- 在D3中组合多个事件
- AngularJS-如何只对多个事件的组合采取行动
- 如何在服务、技能、投资组合等方面添加滑动效果
- 以编程方式填充组合框道场 (1.8) 的最佳方法是什么?
- 如何在谷歌可视化中组合数字和模式格式化程序
- 更改组合框分页后,getValue和getRawValue返回相同的值
- 类型错误:url未定义extjs 4正在填充组合框
- 我该如何组合这两个Greasemonkey脚本
- Jqgrid动态组合框填充不起作用
- Jquery捕获选项卡+一些组合键