javascript - 动态显示句子时避免单词的视觉移动

Question

在 cocos creator 上，我想以Typed.js 之类的方式显示对话框。基本上显示字母，就好像有人在打字一样。

问题是我有一个确定宽度的标签，并且当标签大小的末尾附近有一个单词时，它开始在一行上书写，并在另一行上完成书写。

我希望这个词在下一行的开头开始写，但我不知道该怎么做。

我尝试过的事情：

1. Cocos creator 上的 RichText，让需要写的语句部分透明，但是 cocos creator 上的 RichText 不能透明。

2. 尝试在渲染之前写下这个词，然后检查Label的大小，看看尺寸是否发生了变化，所以我将不得不将最后一个词设置在一个新的行上，但是Label大小直到渲染才更新，我想要它在渲染之前。

关于如何做到这一点的任何想法？

Answer 1

找到了一个解决办法，就是先把所有的词放在场景中，不显示，然后计算每个词的大小，然后，计算出在witch word 处会断句，并在那个词前加上一个换行符。我不知道这是否是最优化的方法，但它有效，我不知道还有其他方法可以做到这一点。