在 iframe 中绘制 canvas 不会全屏显示
Drawing on canvas within iframe not going full screen
描述
您好,我创建了一个 sketchfab 帐户并上传了一个 3D 头骨。 Sketchfab 创建了一种使用 Oculus Rift 查看此 3D 模型的方法,只需添加 /embed?oculus=2
( 对于我拥有的 dk2 版本 )
( 在您继续阅读之前,请阅读以下内容:当我说到 oculus rift 时..它所做的只是并排创建这个 3D 头骨的两个图像并将其全屏显示。就是这样。使用 oculus rift 不需要配置(标准设置除外..我已经做了))
除了全屏显示外,一切似乎都正常。这是
结果:
请注意,canvas 全屏显示,但 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
以查看是否有差异,没有。
问题
为什么 iframe
中 canvas
上的头骨画不全屏?我怎样才能让 canvas 上的这个头骨画全屏显示?
一个完整而完整的答案会很酷,但是指示我需要做什么就足够了。谢谢。
编辑:值得注意的事情
如果我使用原始嵌入(意思是 /embed
而不是 /embed?oculus=2
)并将其全屏显示,它可以正常工作。
我与 sketchfab
的一名工作人员进行了讨论
我原来问题的解决方案:
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.
描述
您好,我创建了一个 sketchfab 帐户并上传了一个 3D 头骨。 Sketchfab 创建了一种使用 Oculus Rift 查看此 3D 模型的方法,只需添加 /embed?oculus=2
( 对于我拥有的 dk2 版本 )
( 在您继续阅读之前,请阅读以下内容:当我说到 oculus rift 时..它所做的只是并排创建这个 3D 头骨的两个图像并将其全屏显示。就是这样。使用 oculus rift 不需要配置(标准设置除外..我已经做了))
除了全屏显示外,一切似乎都正常。这是 结果:
请注意,canvas 全屏显示,但 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
以查看是否有差异,没有。
问题
为什么 iframe
中 canvas
上的头骨画不全屏?我怎样才能让 canvas 上的这个头骨画全屏显示?
一个完整而完整的答案会很酷,但是指示我需要做什么就足够了。谢谢。
编辑:值得注意的事情
如果我使用原始嵌入(意思是 /embed
而不是 /embed?oculus=2
)并将其全屏显示,它可以正常工作。
我与 sketchfab
的一名工作人员进行了讨论我原来问题的解决方案:
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.