html5 怎么让页面全屏显示,javascript – 如何让HTML5画布全屏显示？

我已经看过很多这方面的教程,看起来很简单.我想要的只是让我的

HTML5画布元素全屏显示(如全屏全屏,占用整个显示器).

这是我的HTML：

style="background: #FFFFFF; border: 5px solid black;" role="img">

Your browser does not support the canvas element.

Go Fullscreen

这是我的Javascript(在自己的.js文件中)：

function goFullScreen(){

var canvas = document.getElementById("screen");

if(canvas.requestFullScreen)

canvas.requestFullScreen();

else if(canvas.webkitRequestFullScreen)

canvas.webkitRequestFullScreen();

else if(canvas.mozRequestFullScreen)

canvas.mozRequestFullScreen();

}

我测试了这个功能;它被调用,并且三个ifs中的一个(即,因为我使用Firefox,mozRequestFullScreen)被调用.我的浏览器会在我测试过的每个演示中打开它,但不会在我自己的代码中打开它.

什么是缺失的变量？我必须用谷歌搜索每一个提到这个的链接,但仍然没有.谢谢.