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

标签 javascript webgl webvr aframe

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

最佳答案

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

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

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

关于javascript - 如何在 A-Frame 中将 &lt;iframe&gt; 显示为纹理?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36290628/

相关文章:

javascript - VideoSphere 不在 A 帧中播放视频,即使遵循了其他指导也是如此

javascript - krpano项目无法进入VR模式

javascript - 在任何网站上监听 Oculus Controller 事件

javascript - 如何使用 Cloudinary Javascript API 处理错误?

javascript - 纹理 Splatted Terrain 上的法线贴图

javascript - WebGL,优化Web Worker的几何计算

javascript - WebGL 中的 STENCIL_INDEX 常量在哪里使用?

javascript - IE11 和 Mozilla css 转换的奇怪东西

javascript - 在溢出的框中无法通过触摸滚动 : scroll/auto in a draggable box

javascript - 在 D3js 中,如何延迟更新每个节点