FabricJS IText - 如何添加多种样式的文本框?

时间:2015-11-30 18:10:21

标签: fabricjs

我已经看到了如何使用这种语法在每行,每个字符的基础上将多个样式应用于给定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' }
    }
  }
});

1 个答案:

答案 0 :(得分:0)

不,还没有(还)。

截至目前,fabricjs在默认样式属性上具有每个样式字符或后备。

你可以做的是优化你的风格,找出你文本中最常用的风格,将其分配给IText对象,然后以不同方式设置几个字符的样式。