如何解决切换为全屏模式panolens.js / three.js后出现黑屏
我正在使用一个名为panolens的库来显示全景(360度)视图,该视图取决于three.js,我的应用程序有两个视图,其中一个具有自定义内容,另一个用于作为panolens的容器,默认情况下,第一个视图可见(具有display: block
),panolens容器处于隐藏状态(具有display: none
),并且有两个按钮可在两个视图之间切换(翻转显示)属性),还有一个按钮可以使用requestFullscreen
方法切换到全屏模式。
当我切换全屏模式(进入然后退出全屏模式)然后切换到Panoles视图时,它显示黑屏。
现场例子 浏览器- [x]全部
- [x]全部
解决方法
我在 Google chrome 上验证了您的问题,并更改了您的 CSS 文件中的以下属性:
#container-y{
/* display: none; */
}
然后它按预期运行。
以某种方式将 Panolens 容器初始化为 display : none 会混淆 panolens-canvas,它是在容器 id(此处为 container-y)内自动生成的,因此它的宽度和高度设置为零。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。