【问题标题】:How do I display <iframe>s as a texture in A-Frame?如何在 A-Frame 中将 <iframe> 显示为纹理?
【发布时间】:2016-03-29 17:03:40
【问题描述】:

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

【问题讨论】:

    标签: javascript webgl webvr aframe


    【解决方案1】:

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

    但是,您可以找到创造性的解决方案 like this one,这是谷歌搜索“iframe webgl”的第一击。

    您可以通过在 webgl 画布后面放置一个 iframe 来做到这一点,使用 3d 数学切一个洞(绘制透明像素),您需要 iframe 通过使用代表 iframe 的 2d 平面显示出来.然后使用 3D css 定位 iframe 元素以匹配平面。

    【讨论】:

    • 请注意,这不适用于 VR、立体模式,并且无法着色。所以用处不大。
    【解决方案2】:

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

    虽然可以overlay an iframe on top of the scene,但它无法在立体模式 (VR) 下正确显示,并出现适当的失真,并且无法正确着色。

    【讨论】:

      猜你喜欢
      • 2016-07-17
      • 2018-07-21
      • 2016-07-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多