在iframe中绘制画布不会全屏显示

Question

描述

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

（在你继续阅读之前请阅读这篇文章：当我说眼裂缝时...它所做的就是并排创建这个3D头骨的两个图像并将其全屏显示。这是它。没有任何配置可以使用oculus rift（除了我已经做过的标准设置）。

除非我把它全屏显示，否则一切似乎都在起作用。这是 结果：

请注意，画布全屏显示，但不会将3D模型的绘图分为两部分。出于某种原因，它停留在最左边的角落。

嵌入代码

<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以查看是否存在差异，但没有。

问题

为什么canvas内的iframe上的头骨绘图没有全屏显示？如何在画布上绘制这个头骨以全屏显示？

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

编辑：值得注意的事情

如果我使用原始嵌入（意为/embed而不是/embed?oculus=2）并将其全屏显示，则无问题。

Answer 1

我在sketchfab

与一名工作人员进行了讨论

Discussion on sketchfab here

解决我原来的问题：

  

您正在尝试使用oculus的硬编码版本和我们   可能不会支持/改进它。这是非常实验性的   时间。测试VR的好方法是获得支持VR的浏览器。

所以这意味着要使用其中一个实验性webvr浏览器，而不是修改sketchfab模型网址。

其他问题和已知问题：

使用webvr浏览器和嵌入代码还存在一些问题。

---

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

  

确实我每晚测试一次，但我也遇到了同样的错误（但只有当我   没有插入任何眼睛）。应该修复此错误   下一个版本。

---

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

---

结论

  

Anway，我们可能会在webvr上投入更多精力支持VR支持   浏览器更稳定，但仍欢迎早期反馈。