Pixi.js: Sprite의 너비와 높이는 언제 유효합니까?

아 예! 이는 텍스처의 이미지가 로드되지 않아 너비와 높이가 얼마인지 알 수 없기 때문입니다./
그런 의미에서 일반 HTML 이미지와 거의 비슷하게 동작합니다.

이 문제를 해결한 방법은 assetLoader를 사용하여 이미지를 미리 로드하는 것입니다. 그렇게하면 다음과 같이 텍스처를 만들 때 너비와 높이가 항상 올바르게 설정됩니다.

var assetsToLoad = [ "stone.png"];
// create a new loader
loader = new PIXI.AssetLoader(assetsToLoad);
// use callback
loader.onComplete = onAssetsLoaded
//begin load
loader.load();

function onAssetsLoaded()
{
      var texture = PIXI.Texture.fromImage("stone.png");
      var sprite  = new PIXI.Sprite(texture); 
      // this will log the correct width and height as the image was preloaded into the pixi.js cache
      console.log(stone.width + ', ' + stone.height);
}

또 다른 방법은 텍스처에 이벤트 리스너를 추가하는 것입니다. 이미지가 로드되면 '업데이트' 이벤트가 전달됩니다.

var texture = PIXI.Texture.fromImage("stone.png");
var sprite  = new PIXI.Sprite(texture); 

if(texture.baseTexture.hasLoaded)
{
      // this will log the correct width and height as the image has already loaded
      console.log(stone.width + ', ' + stone.height);
}
else
{
      texture.addEventListener("update", onTextureUpdate)
}

function onTextureUpdate()
{
      // this will log the correct width and height as the image has loaded
      console.log(stone.width + ', ' + stone.height);
}

도움이 되기를 바랍니다 :)

그런 것도 가능합니다 : https://github.com/GoodBoyDigital/pixi.js/issues/29
너비 및 높이가 설정되었는지 확인하기 위해 setTexture 함수 변경

이 스레드는 닫힌 후 최근 활동이 없었기 때문에 자동으로 잠겼습니다. 관련 버그에 대한 새 문제를 여십시오.