javascript - 如何使用 A-Frame 显示一段/一段文字？

Question

我目前正在工作中开发一个具有增强现实功能的工具(AR.js)。我的问题是我必须使用 A 框架显示一段文本。 我的问题是如何做到这一点？

我正在使用 <a-text>显示文本时的标签。如果我只显示 1 行文本，那么显示它没有困难，但如果我有很多单词并且需要显示它，则这些行会相互重叠。

以下是单行文本的示例输出:

这是该段落的输出。段落的行彼此重叠。

附注

这是我的代码。我首先在 Controller 中将段落分隔为监视器可以显示的较小字符串。

@if (isset($value->words))
    @foreach ($value->words as $key => $words)
        <a-text value="{{ $words }}" rotation="-90 0 0"></a-text>
    @endforeach
@else
    <a-text value="{{ $value->text }}" rotation="-90 0 0"></a-text>
@endif

它是在《刀锋战士》中。 $value->words包含已分离的字符串数组，$value->text 是原始文本。

Answer 1

文字布局和换行仅在单个 <a-text> 的上下文中有效标签(https://glitch.com/edit/#!/statuesque-friend?path=index.html:11:29):

<a-entity position="0 0 -1"
text="width: 2; lineHeight: 50; letterSpacing: 5; color: white; value: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam">
</a-entity>

看来你的foreach正在生成多个 <a-text>标签，每个单词一个，全部位于相同位置，因此它们重叠。我的建议是将所有这些单词连接在一个字符串上并使用单个 <a-text>否则您将必须手动计算并将位置分配给每个人，这样它们就不会重叠。