fabric.js - 如何设置文本宽度？

Question

我发现将 textAlign 设置为 fabric.js Text 对象是没有用的，因为文本字段的宽度会自动分配以完全适合文本的宽度。

我在 API 中找不到任何可以让我设置其他宽度的内容。我试过scaleToWidth，但也没有用。

this.text = new fabric.Text(this.name, 
{
        fontFamily: 'Calibri Light',
        fontSize: 17,
        backgroundColor: 'blue', // using this to confirm that the width is actually just set to the text width
        textAlign: 'center',
        top: 15,
        scaleToWidth: 1.1,
})

我使用一个非常老套的解决方案让它以所需的方式出现。

引自 fabric.js 网站：

文本对齐

文本对齐在处理多行文本时非常有用。 对于单行文本，边界框的宽度始终与该行的宽度完全匹配，因此无需对齐。 允许的值为“left”、“center”和“right”。

有谁知道如何解决这个问题？

Answer 1

不确定您是否在第一次询问后的两年内找到了答案，但我遇到了同样的问题，并且能够通过将文本对象添加到画布然后设置它的宽度然后触发 renderAll 来找到解决方案() 在画布上。

var text = new fabric.Text('sample text', {fill: '#fff', textAlign: 'center'});
canvas.add(text);
text.width = 180;
canvas.renderAll();