画布宽度和高度 - 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 Inspect Tool中的一切正常。但是，如果我将此代码放入Android Studio，我的画布将如下所示：

游戏重启后画布看起来没问题：

我的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（）。

$（文档）.ready（）事件在HTML DOM加载并准备就绪时执行。 完整页面完全加载后，$（window）.load（）事件将在稍后执行。

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