使用超文本标记语言和JavaScript的WebGL全屏按钮？
使用超文本标记语言和JavaScript的WebGL全屏按钮？
提问于 2021-03-02 02:42:25
使用超文本标记语言和JavaScript的WebGL全屏按钮？
我已经在这个主题上搜索了很多次，都找不到可以工作的东西，但我确实找到了一个按钮，可以让我的页面全屏显示
function toggleFullScreen() {
if ((document.fullScreenElement && document.fullScreenElement !== null) ||
(!document.mozFullScreen && !document.webkitIsFullScreen)) {
if (document.documentElement.requestFullScreen) {
document.documentElement.requestFullScreen();
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullScreen) {
document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}
}这是可行的，但不适用于WebGL内容。这是我的
我用它在我的网站上加载WebGL内容。
如果有人能帮上忙，那就太好了！
回答 1
Stack Overflow用户
发布于 2021-03-02 03:26:36
您是否尝试过调用iframe元素的requestFullscreen？
我只是写了这个快速测试，它可以工作：
Make that iframe full screen
function toggle() {
document.querySelector('iframe').requestFullscreen();
}希望这能解决你的问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66427782
复制相关文章
相似问题
腾讯云开发者
