Как я могу сделать холст HTML5 полноэкранным?
Я видел десятки учебников по этому вопросу, и это кажется прямым. Все, что я хочу, - сделать так, чтобы мой элемент HTML5 canvas работал в полноэкранном режиме (как в полноэкранном режиме, занимая весь монитор).
Вот мой HTML:
<p><canvas id="screen" width="800" height="500"
style="background: #FFFFFF; border: 5px solid black;" role="img">
Your browser does not support the canvas element.
</canvas></p>
<p><a href="javascript:goFullScreen();">Go Fullscreen</a></p>
Вот мой 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();
}
Я проверил функцию; он вызывается и вызывается один из трех if (а именно, поскольку я использую Firefox, mozRequestFullScreen). Мой браузер открывает его в каждой демоверсии, которую я тестировал, но не в моем собственном коде.
Какая пропущенная переменная? Я, должно быть, прогуглил буквально каждую ссылку, которая упоминает об этом, и все еще ничего Благодарю.