2016-04-01 78 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,但是這個函數並沒有經過真正的戰鬥測試,儘管到目前爲止測試中還沒有顯示任何問題。