javascript - 如何使用 FabricJS 选择 Textbox 元素第二行中的文本？

Question

我想知道是否有办法在 FabricJS 的 Textbox 元素中选择部分文本？目前，我正在使用

text.selectionStart = 0;
text.selectionEnd = 4;

但它选择第一行中的文本(这是有道理的)。

如何让布料知道我需要从第二行选择那些？

Tnx

http://jsfiddle.net/redlive/4n4cLyvo/

Answer 1

您可以使用 Fabric 中提供的 insertCharStyleObject 方法。

代码片段:

var selectionStart = 0;
var selectionEnd = 4;
var lineIndex = 1;

for (var i = selectionStart; i < selectionEnd; i++) {
  text.insertCharStyleObject(lineIndex, i, {
    textBackgroundColor: '#0F0'
  })
}

更新了 fiddle - http://jsfiddle.net/4n4cLyvo/2/