Javascript PixiJS填充背景屏幕

Javascript PixiJS填充背景屏幕,javascript,html,pixi.js,Javascript,Html,Pixi.js,我想知道怎样才能把我的背景图像填充到全屏。 我有适当的功能,一旦你调整浏览器的大小,就可以调整它的大小。但是,在加载时,它不会将图像显示为已满。。代码如下: function init() { renderer = PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight); document.body.appendChild(renderer.view); renderer.backgroundColo

我想知道怎样才能把我的背景图像填充到全屏。 我有适当的功能,一旦你调整浏览器的大小,就可以调整它的大小。但是,在加载时,它不会将图像显示为已满。。代码如下:

function init() {

    renderer = PIXI.autoDetectRenderer(window.innerWidth, window.innerHeight);
    document.body.appendChild(renderer.view);
    renderer.backgroundColor = 0xffffff;
    stage = new PIXI.Container();

    renderer.view.style.position = "absolute";
    renderer.view.style.display = "block";
    renderer.autoResize = true;
    renderer.resize(window.innerWidth, window.innerHeight);
    window.addEventListener("resize", function(event){ 
    scaleToWindow(renderer);
});

    PIXI.loader
        .add(["img/background.png", "img/buttons/spin.png", "img/buttons/home.png", "img/buttons/soundon.png",
            "img/buttons/soundoff.png", "img/buttons/paytable.png", "img/buttons/stakefield.png", "img/buttons/up.png",
            "img/buttons/down.png", "img/buttons/no.png", "img/buttons/yes.png", "img/quitgame.png", "img/sym/blue_jelly.png",
            "img/sym/black_jelly.png", "img/sym/green_jelly.png", "img/sym/purple_jelly.png", "img/sym/red_jelly.png", "img/sym/yellow_jelly.png"])
        .on("complete", assetLoad)
        .load();
}
然后assetLoad函数将引入资产-背景引入的示例:

function assetLoad() {

    var background = new PIXI.Sprite(PIXI.loader.resources["img/background.png"].texture);
    background.scale.set(1.05, 1.05);
    background.position.set(0, 0);

    var balancetxt = new PIXI.Text("£ " + balance.toString(), {
        fontFamily: "Arial",
        fill: 0xFFFFFF,
        fontSize: 50,
        align: 'left'
    });
    balancetxt.anchor.set(-4.5, -0.3);
    background.addChild(balancetxt);

}

您的意思是,调整大小工作正常,但初始加载不正常?在整个游戏设置完成后,你不能直接调用scaleToWindow吗?在初始加载时,背景不会填充整个窗口。我所说的“调整大小”是指当我们调整窗口大小时,背景图像响应良好。您能用plunkr或JSFIDLE设置一个工作示例吗你可以在这里看到游戏。你的意思是,调整大小工作正常,但初始加载不正常?在整个游戏设置完成后,你不能直接调用scaleToWindow吗?在初始加载时,背景不会填充整个窗口。我所说的“调整大小”是指当我们调整窗口大小时,背景图像响应良好。您能用plunkr或JSFIDLE设置一个工作示例吗你可以在这里看到比赛。