javascript - 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}
      },
    }
  })

我想让第一个字母高于单词的其余部分。关于这怎么可能的任何想法？

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

目前正在发生这种情况：

标签： javascriptfabricjs

Answer 1

您可以使用deltaY负值。还有更多可用的样式属性可供使用，请查看 [ http://fabricjs.com/docs/fabric.Textbox.html#_styleProperties][1]。

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