精灵文本被截断

Posted 2023-02-26

【中文标题】精灵文本被截断

【英文标题】：Sprite text getting cut off

【发布时间】：2015-08-12 08:54:30

【问题描述】：

我正在使用 Extjs 5 生成图表。 我在图表中添加了一个精灵文本，但我无法为长字符串值换行。

问题如图所示。 这是精灵的代码。

        sprites: [
            type: 'text',
            text: '',
            textAlign: 'left',
            fontSize: 12,
            fontWeight: 'bold',
            //width: 50,
            //height: 30,
            x: 100, 
            y: 10,
            'fill': '#333f49'               
        ],

我正在从控制器动态设置文本值。 有什么方法可以将文本换行到下一行以获得长字符串值？

提前致谢。 :)

【参考方案1】：

文本精灵不会自动换行。但它确实考虑了换行符。所以你需要做的是自己插入换行符。

您可以使用Ext.util.TextMetrics 类来确定文本的长度，然后找到合适的空白字符替换为新行。