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

Question

我正在研究一个基于框架的项目.我一直在努力学习a-text长度.这是最小的演示.正如您所看到的那样,文本溢出了父面板.我想在溢出的文本中添加某种滚动.在这篇博客文章的帮助下,我能够制作类似滚动的行为,但是文本在父面板外仍然可见.

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>

在这个小提琴中检查一下。

在这里你可以摆弄滚动条，如果你稍微滚动一下，你就会看到文本显示出来。