如何显示<iframe>s作为a帧中的纹理

How do I display <iframe>s as a texture in A-Frame?

本文关键字：作为纹理 gt iframe 显示何显示 lt 更新时间：2023-09-26

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

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

然而，你可以找到像这样的创造性解决方案，这是谷歌搜索"iframe-webgl"的第一个热门话题。

你可以把一个iframe放在webgl画布后面，使用3d数学在你需要iframe的地方切一个洞（绘制透明像素），用一个表示ifame的2d平面来显示。然后使用3Dcss定位iframe元素以匹配平面。

否。目前，由于浏览器的限制，<iframe>s不能在a-Frame中显示，不能用作纹理，也不能与WebGL或WebVR混合使用。

虽然可以将iframe覆盖在场景顶部，但在具有适当失真的立体模式（VR）下，它不会正确显示，也不会正确着色。