如何在A-Frame中将<iframe>显示为纹理?

时间:2016-03-29 17:03:40

标签: javascript webgl webvr aframe

我希望将网页显示为具有VR场景的2D内容。我可以在 https中使用&lt; iframe&gt; 元素作为WebGL / three.js中纹理的来源: ?//aframe.io

&#XA;

2 个答案:

答案 0 :(得分:3)

您无法在WebGL中使用iframe或任何其他HTML元素,因为这会带来安全风险。人们可以从纹理中读取密码和其他私人信息。

然而,你可以找到创意解决方案like this one,这是Google搜索&#34; iframe webgl&#34;的首次亮相。

你可以在webgl画布后面放一个iframe,使用3d math 剪切一个洞(绘制透明像素),你需要使用代表iframe的2d平面来显示iframe 。然后使用3D css定位iframe元素以匹配平面。

答案 1 :(得分:0)

没有。目前,作为浏览器的限制,&lt; iframe&gt; 不能在A-Frame中显示,用作纹理,或与WebGL或WebVR混合使用。

&#xA; &#xA;

虽然可以在场景顶部覆盖一个iframe ,它在立体模式(VR)中无法正确显示并具有适当的失真,并且不会被正确着色。

&#XA;