如何使用绘图文本在巴比伦 JS 动态纹理中插入换行符

How to insert a newline in a babylon JS dynamic texture using drawtext?

本文关键字:纹理 动态 插入 换行符 JS 巴比伦 何使用 绘图 文本      更新时间:2023-09-26

所以我有这样的演示:

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

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

一个框,每个表面上都印有时间。它是使用来自Babylon JS的动态纹理绘制文本子(如果我是对的)使用THREEX构建的。

我想用额外的行来扩展此文本,例如:


时间:(换行符)

12点钟。


有谁知道如何用换行符扩展输入字符串?(也因为我的字符串长度最多可以达到 30 个字符或更多)。

我试过了:

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

但是像 <br> 标签这样的 html 不能完成这项工作,其他换行元字符也是如此。

下面我们可以看到绳子并没有完全在表面上,只是分解并停止了。

i.stack.imgur.com/aXnGp.png

有什么建议吗?谢谢。

这与画布 2d 的工作方式有关。您可能需要拆分字符串并呈现两行文本(意味着调用 drawText 两次)