如何使用drawtext在babylon JS动态纹理中插入换行符？

Question

所以我有类似这个演示的东西：

http://jeromeetienne.github.io/threex.dynamictexture/examples/basic.html

来源： https://github.com/jeromeetienne/threex.dynamictexture/blob/master/examples/basic.html

在每个表面上打印时间的方框。 使用来自Babylon JS的dynamictexture drawtext子进行THREEX构建（如果我正确的话）。

我想用额外的行来扩展这个文本，例如：

---

时间：（换行符）

12 o＆＃39;时钟。

---

有谁知道如何用换行符扩展输入字符串？ （另外因为我的字符串长度最多可达30个字符）。

我试过了：

text = text.replace(/(?:\r\n|\r|\n)|\s/g, '<br>');

但像<br>标签这样的html不起作用，其他新行元字符也是如此。

下面我们可以看到字符串不完全在表面上，只是分解并且不再中断。

i.stack.imgur.com/aXnGp.png

有什么建议吗？感谢。

Answer 1

这与canvas 2d的工作方式有关。您可能需要拆分字符串并渲染两行文本（意味着调用drawText两次）