У меня есть контейнер, например, с шириной: 400px и высотой 80px, а также у меня есть общий текст с некоторыми стилями, кроме fontSize, основным из которых является fontFamily (есть много пользовательских шрифтов).
Таким образом, цель состоит в том, чтобы получить fontSize для размещения текста в этом контейнере на основе высоты контейнера, которая в данном случае составляет 80 пикселей.
Пока я использую следующий алгоритм, чтобы сделать то же самое для ширины:
- Создание 2 текстов fabric.js с использованием тех же стилей, кроме fontSize.
причина fontSize должна варьироваться на 1px, чтобы получить разницу
- Затем после генерации текстов я вычисляю разницу, используя
следующее: diffWidth = width2 - width1
- Затем я использую следующее, чтобы fontSize соответствовал контейнеру
width: fontSize = widthOfTheContainer (400px) / diffWidth
Так что он отлично работает для ширины, но тот же алгоритм не работает для высоты, как я ожидал.