Getting width/height of Sprite when loaded?

[omnivibe]

When using:

var spr = new PIXI.Sprite.fromImage(itemURL);

How can I get notified when the image is actually loaded, i.e. when spr.width and spr.height are available?

[ceraroger]

I think you can add listener for 'loaded' event of the baseTexture.

var spr = new PIXI.Sprite.fromImage(itemURL);spr.texture.baseTexture.on('loaded', function(){    console.log(spr.width, spr.height);});

[d13]

Yes, it's possible to use `fromImage`, but it's not a good idea - for exactly the reason you've discovered.

It's better to preload images with Pixi's `AssetLoader` and then initialize the sprites in a separate `setup` function.

var loader = new PIXI.AssetLoader([  "images/imageOne.png",  "images/imageTwo.png",  "images/imageThree.png"]);loader.onComplete = setup;loader.load();function setup() {   //Create the sprite from the loaded image texture  var texture = PIXI.TextureCache["images/imageOne.png"];  var anySprite = new PIXI.Sprite(texture);}

[JDW]

If you already loaded your images with an assetloader, you can use fromImage, it will retrive it from the cache, not reload it. That's one less line.