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

Question

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

Answer 1

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

然而，您可以找到像这样的创造性解决方案，这是谷歌搜索“iframe webgl”的第一个热门。

您可以通过将 iframe 放在 webgl 画布后面，使用 3d 数学切割一个洞（绘制透明像素），您需要使用表示 iframe 的 2d 平面来显示 iframe。然后使用 3D css 定位 iframe 元素以匹配平面。