1

通过在 Phaser 中使用 Text 对象的事件使用 Chrome 启动全屏onInputDown可启用全屏并在所有边上留有边距。我在 Phaser 示例中发现 onDown 事件也发生了同样的事情game.input。http://phaser.io/examples/v2/display/fullscreen

我怀疑我的电脑可能有问题，但在请朋友尝试上面的示例后，他遇到了类似的情况。唯一的区别是边距创建的背景。

奇怪的是，如果我要调用onInputDown来自 Text 对象的事件正在调用但从 Button 对象调用的相同函数，则将没有边距。适当的全屏。从添加到 html 标签等的事件侦听器中调用所述函数<p>也<label>可以<button>正常工作。

我的问题是：为什么按照我在第一段中解释的方式启用全屏时会创建边距？除了从不同的来源调用函数之外，有没有办法删除这些边距？如果您使用 Chrome 从示例链接中获得正确的全屏，请将其添加到您的答案中。

//My fullscreen function
function ToggleFullScreen()
{
    var elem = document.documentElement;
    //Check if document is already in full screen or not.
    if (document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement)
    {
        if (document.exitFullscreen) {
          document.exitFullscreen();
        } else if (document.webkitExitFullscreen) {
          document.webkitExitFullscreen();
        } else if (document.mozCancelFullScreen) {
          document.mozCancelFullScreen();
        } else if (document.msExitFullscreen) {
          document.msExitFullscreen();
        }
    }       //If document is not already in full screen: Check if the document has the ability to go fullscreen.
    else if(document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled ||document.msFullscreenEnabled)
    {
        if (elem.requestFullscreen) {
          elem.requestFullscreen();
        } else if (elem.msRequestFullscreen) {
          elem.msRequestFullscreen();
        } else if (elem.mozRequestFullScreen) {
          elem.mozRequestFullScreen();
        } else if (elem.webkitRequestFullscreen) {
          elem.webkitRequestFullscreen();
        }
    }//If the document can not go full screen: Alert the user.
    else
        window.alert("Sorry. Your device or brower does not support full screen.");
}
4

0 回答 0