为什么我有 stage.height/width is 0 using PixiJS？

Question

在函数设置中 app.stage.height 的值是 0。为什么？ There is a text for validator(zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz)

       let Application = PIXI.Application,
            Container = PIXI.Container,
            loader = PIXI.loader,
            resources = PIXI.loader.resources,
            TextureCache = PIXI.utils.TextureCache,
            Sprite = PIXI.Sprite,
            Rectangle = PIXI.Rectangle;

        let app = new Application({ 
            width: 512, 
            height: 512,                       
            antialias: true, 
            transparent: false, 
            resolution: 1
          }
        );

        document.body.appendChild(app.view);

        loader
          .add("/img/treasureHunter.json")
          .load(setup);

        function setup() {
          console.log(app.stage.height)

          let id = PIXI.loader.resources["/img/treasureHunter.json"].textures;
          let dungeon = new Sprite(id["dungeon.png"])
          let treasure = new Sprite(id["treasure.png"]);
          let explorer = new Sprite(id["explorer.png"]);
          explorer.y = app.stage.height / 2 - explorer.height / 2;
          console.log(app.stage.height)
          explorer.x = 68;


          app.stage.addChild(dungeon);
          app.stage.addChild(explorer);
          app.stage.addChild(treasure);
        }

Answer 1

舞台是一个容器，其高度始终根据其 children 计算得出。在您不向舞台添加任何 children 之前，它的高度将为零。

此外，舞台的高度不等于 canvas renderer.view 高度。

为什么我有 stage.height/width is 0 using PixiJS？

Why i have stage.height/width is 0 using PixiJS?

pixi.js