Высота текста указанного c символа в Фабри c. js - PullRequest
1 голос
/ 25 февраля 2020

У меня есть текстовый объект в fabri c. 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}
      },
    }
  })

Я хотел бы сделать 1-ю букву выше, чем остальная часть слова. Любые мысли о том, как это может быть возможно?

Это то, что я хочу, чтобы:

enter image description here

Это в настоящее время происходит:

This is what is happening

1 Ответ

2 голосов
/ 25 февраля 2020

Вы можете использовать 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
            }
        },
    }
})
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...