Fabric.js 中特定字符的文本高度

Question

我在 fabric.js 中创建了一个文本对象：

     fbText = new fabric.Textbox('@TEST', {
      width: 700,
      fill: '#303846',
      top: 150,
      left: 50,
      fontSize: 150,
      textAlign: 'left',
      fixedWidth: 700,
    // fontWeight: 'bold',
      editable: false,
      originY: 'center',
     styles: {
      // first word of text i.e Test
      0: {
        //first letter of first word i.e T
        0: { fill: '#21bba6', fontSize: 130}
      },
    }
  })

我想让第一个字母高于单词的其余部分。有什么想法可以实现吗？

这就是我想要发生的事情：

目前正在发生的事情：

Answer 1

您可以使用 deltaY 负值。还有更多可用的样式属性可以使用，请查看 [[=12=].

var fbText = new fabric.Textbox('@TEST', {
    ...,
    styles: {
        0: {
            0: { 
                fill: '#21bba6', 
                fontSize: 130,
                deltaY: -30
            }
        },
    }
})

Fabric.js 中特定字符的文本高度

Text height of specific character in Fabric.js

javascript

fabricjs