帆布宽度和高度- webview

Question

我想把画布的高度和宽度设置为100%。所以我的代码是：

var bgSizeH = window.innerHeight;
    bgSizeW = window.innerWidth;
    gameCanvas = document.getElementById("game");
    gameCanvas.width = bgSizeW;
    gameCanvas.height = bgSizeH;

我使用下面的函数重新启动游戏：

function stopGame() {
    location.reload();
}

在Chrome检测工具中一切都很好。但是，如果我将这些代码放到Android中，我的画布如下所示：

​

​

游戏结束后，重新启动画布看起来没问题：

​

​

我的WebView设置为100%的宽度和高度。看起来，在应用程序开始时，画布并没有设置为100%。我尝试过使用resize函数，但它不起作用。

编辑:重新加载之前的 console.log：

[INFO:CONSOLE(11)] "592", source: file:///android_asset/index.html (11)
[INFO:CONSOLE(12)] "288", source: file:///android_asset/index.html (12)

重新加载后的console.log：

[INFO:CONSOLE(11)] "640", source: file:///android_asset/index.html (11)
[INFO:CONSOLE(12)] "360", source: file:///android_asset/index.html (12)

Answer 1

您希望查看$(window).load()函数，而不是$(document).ready()函数。

当加载并准备好HTML时，将执行$(document).ready()事件。$(window).load()事件将在完整页面完全加载后执行。

$(window).load(function() {
    var b_height = $("body").height();
});