setSelectionStyles 不会立即影响文本框的 _textLines.length

Question

我需要获取 Fabric.js 文本框中的行数。文本框内的文本由用户输入，部分文本可以使用[b]和[/b]设置为粗体。然后使用 setSelectionStyles（更改 fontFamily）格式化此文本。

for (var i = 0; i < parseResults[1].length; i++) {
  fabricText.setSelectionStyles({fontFamily: "font_SeagullBold"}, parseResults[1][i], parseResults[2][i]);
}
console.log(fabricText._textLines.length);

在一个例子中，要格式化的文本是8行长。格式化后，由于文本换行，这个数字将增加到 9。但是，_textLines.length 似乎并没有立即反映这一点。有没有办法“等待”setSelectionStyles“完成”格式化文本？

Answer 1

通过在获取 _textLines.length 之前调用 canvas.add(fabricText) 和 canvas.renderAll() 来解决。

for (var i = 0; i < parseResults[1].length; i++) {
  fabricText.setSelectionStyles({fontFamily: "font_SeagullBold"}, parseResults[1][i], parseResults[2][i]);
}
canvas.add(fabricText);
canvas.renderAll();
console.log(fabricText._textLines.length);

setSelectionStyles 不会立即影响文本框的 _textLines.length

setSelectionStyles not immediately affecting Textbox's _textLines.length

javascript

fabricjs