A-frame.js长时间a-text值溢出问题

Question

我正在从事基于框架的项目。我一直在努力a文本的长度。 Here是最小的演示。如您所见，文本溢出了父面板。我想在溢出文本中添加某种滚动方式。在this博客文章的帮助下，我可以进行类似滚动的行为，但是文本在父面板之外仍然可见。

Answer 1

不应在父面板之外显示text值。父母在这里所做的唯一一件事就是设置相对变换（提供：位置，旋转和缩放）。它不会在边界之外制造看不见的东西。

---

该博客文章描述了如何在屋顶和地板中隐藏文本（Hiding the Article部分）。由于您具有光球，因此丢掉任何覆盖元素（屋顶+天花板）会很可惜。

您可以使用渲染顺序。

如果我们扔进一个不可见的平面，并告诉它在文本之前 进行渲染，则似乎只显示了一部分。

<a-entity text="long text"></a-entity>
<a-plane position="0 -0.3 0.1" width="4" rotation="0 -90 0" 
         material="transparent: true; opacity: 0; alphaTest: 0"></a-plane>

在this小提琴中检查一下。

---

Here，您在滚动时会摆弄小东西，如果稍微滚动一下，您会看到文本显示回来。