FabricJS IText - 如何添加具有多种样式的文本框？答案

【问题标题】：FabricJS IText - How to Add Textbox with Multiple Styles?FabricJS IText - 如何添加具有多种样式的文本框？
【发布时间】：2016-03-04 11:25:39
【问题描述】：

我已经看到了如何使用这种语法在每行、每个字符的基础上将多种样式应用于给定 IText 对象的示例...

var iTextSample = new fabric.IText('hello\nworld', {
styles: {
    0: {
      0: { textDecoration: 'underline', fontSize: 80 },
      1: { textBackgroundColor: 'red' }
    },
    1: {
      0: { textBackgroundColor: 'rgba(0,255,0,0.5)' },
      4: { fontSize: 20 }
    }
  }
});

在这里拉小提琴- https://jsfiddle.net/tLy9eqj6/

是否有类似的语法可以仅使用一组参数在一行中设置多个字符？例如，这将在第 1 行的前 5 个字符下划线...

var iTextSample = new fabric.IText('hello\nworld', {
styles: {
    0: {
      [0,1,2,3,4]: { textDecoration: 'underline' }
    }
  }
});

【问题讨论】：

标签： fabricjs

【解决方案1】：

不，（还没有）。

到目前为止，fabricjs 具有每个样式字符或默认样式属性的后备。

您可以做的是优化您的样式，找出最常用的文本样式，将其分配给 IText 对象，然后仅对几个字符进行不同的样式设置。

【讨论】：