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

标签 javascript html aframe

我正在从事基于框架的项目。我一直在为 a-text 的长度而苦苦挣扎。 Here是最小的演示。如您所见,文本溢出了父面板。我想在溢出的文本中添加某种滚动条。在 this 的帮助下,我能够做出类似卷轴的行为博客文章,但是文本在父面板之外仍然可见。

最佳答案

text 值不应消失在父面板之外。 parent 在这里做的唯一一件事是设置相对变换(提供:位置、旋转和缩放)。它不会在其范围之外制造不可见的东西。


博文描述了将文本隐藏在屋顶和地板内(隐藏文章 部分)。既然你有一个光球,扔掉任何覆盖元素(屋顶 + 天花板)将是一种耻辱。

您可以使用渲染顺序。

如果我们放入一个不可见的平面,并告诉它在文本之前渲染,它看起来就像只显示了一个部分。

<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 中查看 fiddle 。


Here滚动条有问题,如果稍微滚动一下,您会看到文本显示回来。

关于javascript - A-frame.js long a-text 值溢出问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53431246/

相关文章:

javascript - 在 JS 中转动特定的文本 block 并生成行

javascript - Bootstrap 自定义列排列

javascript - 重新加载页面后显示警报

javascript - 对话框关闭时如何清除对话框内的表格

javascript - 是否有非 CSS 方式来垂直包裹一列框?

javascript - 来自 Javascript 的双面 a-frame a-panel

three.js - 我可以在 gltf 模型上放置 THREE.js Material 吗?

javascript - 在 A-Frame 组件上,如何在函数之间共享数据?

javascript - 保持有序窗口列表的最佳方法(从最近创建到最旧)?

javascript - 如何在下拉列表中获得多个选定值