Babel.js 在重新加载时,画布以0宽度和0高度开始

vc9ivgsu  于 2022-12-16  发布在  Babel
关注(0)|答案(1)|浏览(173)

我是babel js的乞丐。我发现问题出在babel js上。但是不知道如何改变它。我正在babel js中尝试新的东西。请帮助我。我希望动画以整个窗口的高度和宽度开始。提前感谢。画布最初以高度=“0”开始,width=“0”。这就是为什么当我重新加载时看不到动画。如果我调整窗口大小,动画就会显示。代码如下:
**HTML**

<div class="crowd">
      <canvas id="crowd-simulator"></canvas>
    </div>

**CSS**
x一个一个一个一个x一个一个二个一个x一个一个三个一个

e4eetjau

e4eetjau1#

看起来您只是在调整大小时使用正确的尺寸填充舞台:

function resize() {
      stage.width = canvas.clientWidth
      stage.height = canvas.clientHeight
}

试着把舞台设定在某个初始尺寸。目前它是:

const stage = {
      width: 0,
      height: 0,
    }

所以试试这个:

const stage = {
      width: canvas.clientWidth,
      height: canvas.clientHeight
    }

相关问题