javascript - 在 iframe 中的 Canvas 上绘图不会全屏显示

Question

描述

您好，我创建了一个 sketchfab 帐户并上传了一个 3D 头骨。 Sketchfab 创建了一种使用 Oculus Rift 查看此 3D 模型的方法，只需添加 /embed?oculus=2(对于我拥有的 dk2 版本)

(在您继续阅读之前，请阅读以下内容:当我说到 oculus rift 时..它所做的只是并排创建这个 3D 头骨的两个图像并将其全屏显示。那是它。它不需要任何配置就可以与 oculus rift 一起使用(标准设置除外......我已经做了))

除了全屏显示外，一切似乎都正常。这是结果:

请注意， Canvas 变为全屏，但 3D 模型的绘图并未分成两部分。由于某种原因，它位于最左 Angular 。

嵌入代码

<iframe width="640" height="480" src="https://sketchfab.com/models/a0ea79b025d548ab98787bf4bdf45f74/embed?oculus=2" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe>

    <p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
        <a href="https://sketchfab.com/models/a0ea79b025d548ab98787bf4bdf45f74?utm_source=oembed&utm_medium=embed&utm_campaign=a0ea79b025d548ab98787bf4bdf45f74" target="_blank" style="font-weight: bold; color: #1CAAD9;">Cranium</a>
        by <a href="https://sketchfab.com/grimbode?utm_source=oembed&utm_medium=embed&utm_campaign=a0ea79b025d548ab98787bf4bdf45f74" target="_blank" style="font-weight: bold; color: #1CAAD9;">grimbode</a>
        on <a href="https://sketchfab.com?utm_source=oembed&utm_medium=embed&utm_campaign=a0ea79b025d548ab98787bf4bdf45f74" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a>
    </p>

我尝试过的

我使用的是 mac，我在 chrome、safari、firefox 中尝试过，结果完全相同。

我曾尝试更改 iframe 维度，但收效甚微。

我已将其更改为 dk1 以查看是否存在差异，没有。

问题

为什么在 iframe 中绘制在 canvas 上的头骨不能全屏显示？我怎样才能让 Canvas 上的这个头骨全屏显示？

完整而完整的答案会很酷，但是表明我需要做什么就足够了。谢谢。

编辑:值得注意的事情

如果我使用原始嵌入(意思是 /embed 而不是 /embed?oculus=2 )并将其全屏显示，它可以正常工作。

Answer 1

我在 sketchfab 与其中一名工作人员进行了讨论

Discussion on sketchfab here

我原来问题的解决方案:

You are trying to use the hard coded version of the oculus and we probably won't support/improve it. It was very experimental at that time. The good way to test VR is to get a browser with VR support.

所以这意味着使用一种实验性的 webvr 浏览器并且不修改 sketchfab 模型 url。

其他问题和已知问题:

使用 webvr 浏览器和嵌入代码还有一些其他问题。

---

使用 FirefoxNightly 确保在启动 3D 模型之前插入 Oculus Rift，否则它可能无法正常工作。

Indeed I tested nightly and I had the same error (but only when I didn't have any oculus plugged in). This error should be fixed on the next release.

---

Chrome 对我来说崩溃了，但似乎对其他人有效。我正在使用 Mac。我不知道这是否会导致问题。有一件事是肯定的，webvr 浏览器仍然不稳定。

---

结论

Anway, we'll probably put more effort on VR support once the webvr browsers are more stable, but still early feedback are welcomed.