javascript - iPhone 5和完整的 Canvas 宽度

好的，所以我的iPhone 5到货了（我住在澳大利亚，很幸运能在美国之前买到它），我要做的第一件事就是充分利用2aa平台使用Impact JS的88像素额外宽度。发动机。

我无法理解如何实际修改画布宽度。

这是我以前使用的：

ig.main('#canvas', MyGame, 60, 240, 160, 2);

现在，我认为将240增加44像素就很容易了（考虑到风景的两边都有44像素）：

ig.main('#canvas', MyGame, 60, 284, 160, 2);

但是，在上述代码更改之后，我仍然在两侧看到44像素的黑条。

不知道我是否必须修改任何其他Impact引擎文件才能使它正常工作。由于我目前在工作中，所以我玩的还不够，不应该真正从事游戏。我敢肯定，我还必须修改其他一些区域才能使此工作正常进行。

顺便说一句，我正在使用iOSImpact并将游戏直接部署到我的iPhone 5，因此其中可能还需要更新文件。

另外，我注意到以下用于在移动设备之间进行检测的属性。我也需要在这里放入ig.ua.iPhone5属性。

ig.ua.pixelRatio = window.devicePixelRatio || 1;

ig.ua.viewport = {
    width: window.innerWidth,
    height: window.innerHeight
};

ig.ua.screen = {
    width: window.screen.availWidth * pixelRatio,
    height: window.screen.availHeight * pixelRatio
};

ig.ua.iPhone = /iPhone/i.test(navigator.userAgent);
ig.ua.iPhone4 = (iPhone && pixelRatio == 2);
ig.ua.iPhone5 = ??
ig.ua.iPad = /iPad/i.test(navigator.userAgent);
ig.ua.android = /android/i.test(navigator.userAgent);
ig.ua.webos = /hpwos/i.test(navigator.userAgent);
ig.ua.iOS = iPhone || iPad;
ig.ua.mobile = iOS || android || webos;

我对以下内容进行了console.log，这就是返回的内容：

ig.ua.viewport.width = 640

ig.ua.viewport.height = 960

ig.ua.screen.width = 1280

ig.ua.screen.height = 1920

我也对以上结果感到有些困惑，特别是ig.ua.viewport.width返回960。我以为它应该返回1136。

最佳答案

您的应用必须告知操作系统它支持更高/更大的屏幕。我认为这已经完成了。否则，您将以兼容模式运行，而无法使用全屏模式

关于javascript - iPhone 5和完整的 Canvas 宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12525229/