2016-04-01 44 views
0

如何计算PIXI.js.中生成的纹理的分辨率? generateTexture(...)的文档需要一个用于解析的数字。计算Pixi.js中精灵纹理的分辨率

文档:http://pixijs.github.io/docs/PIXI.Graphics.html#generateTexture

在以下示例中,具有特定的宽度和高度的矩形将绘制。在我看来,分辨率是通过宽度和高度相乘的像素数量。

this._graphics.lineStyle(1, 0x012489, 1.0); 
this._graphics.beginFill(0x696969, this.1.0); 
this._graphics.drawRect(-(width/2.0), -(height/2.0), width, height); 
this._graphics.endFill(); 

this.texture = this._graphics.generateTexture(width * height, PIXI.SCALE_MODES.DEFAULT); 
+0

你的假设听起来不错,但我现在不能确认。但是你似乎没有考虑到起始的x和y坐标。大小不仅仅是宽度*高度,因为你不从坐标0,0开始。还要注意,因为图形是向量,所以你当然可以提供你想要图像的任何分辨率。它不需要与图形完全一样,因为它被缩放。 – Hachi

回答

0

从似乎有什么分辨率设置,是不是分辨率的代码,但相对分辨率,pratically这样:https://pixijs.github.io/docs/PIXI.BaseTexture.html#resolution,所以它规定:“质感与不同的像素比设备的决议”。

默认值为1,这对于桌面设备是正常的,像素比率可以在移动设备上不同。你应该能够通过这个函数获得像素比例(getPixelRatio):https://github.com/Hachitus/FlaTWorld/blob/master/src/components/map/core/utils/utils.js#L195,但是这个函数并没有经过真正的战斗测试,尽管到目前为止测试中还没有显示任何问题。