我該如何顯示 <iframe> s作為A-Frame中的紋理？

Question

我希望將網頁顯示為具有VR場景的2D內容。 我可以在https://aframe.io中使用<iframe>元素作為WebGL / three.js中紋理的來源嗎？

Answer 1

您不能在WebGL中使用iframe或任何其他HTML元素，因為這會帶來安全風險。 人們可以從紋理中讀取密碼和其他私人信息。

但是你可以找到創造性的解決方案這樣的一個是谷歌搜索“的iframe的WebGL”的第一擊。

你可以通過在webgl畫布后面放置一個iframe，使用3d數學剪切一個洞 （繪制透明像素），你需要通過使用代表iframe的2d平面來顯示iframe。 然后使用3D css定位iframe元素以匹配平面。

Answer 2

不可以。目前作為瀏覽器的限制， <iframe>無法在A-Frame中顯示，用作紋理，或與WebGL或WebVR混合使用。

雖然可以在場景頂部疊加iframe ，但在正確模式（VR）中無法正確顯示失真，並且無法正確顯示陰影。