如何在 A-Frame 中为 <a-text> 添加边框？

Question

我需要在 A-frame 中添加边框。 A-text 没有边框属性。 https://aframe.io/docs/0.8.0/primitives/a-text.html 我该怎么做？

Answer 1

首先这不是关于 css 的问题，因为 a-frame 的所有内容都是由 three.js -> webGL 引擎在画布中呈现的，其中 css 样式将不适用。

有一个border component，但我不确定它是否正在更新。

如何制作一个带有边框和透明中间的 .png，并将其设置为文本子项，如下所示：

 <a-text>
   <a-entity material="src:border.png"></a-entity>
 </a-text>

这似乎是一种解决方法，但它类似于其中一位创作者提出的here。

---

您还可以创建一个组件，用四个<a-plane> 制作边框。