tech360.ats Ответов: 1

Получить высоту и ширину многострочного текста на холсте

Мы реализуем функциональность комментария на холсте, поэтому для рисования комментария мы используем изображение комментария и рисуем текст поверх него . Не могли бы вы сообщить нам, как мы можем получить высоту и ширину многострочного текста, написанного так, чтобы мы могли поместить текст внутри изображения?

Что я уже пробовал:

мы попытались вычислить высоту и ширину, рассчитав общее количество символов, но это не удается с разным размером шрифта

1 Ответов

Рейтинг:
1

Sergey Alexandrovich Kryukov

Поместите этот текст в какой-нибудь другой HTML-элемент свободного размера и визуализируйте его. Для получения точного результата вы должны установить стиль этого элемента так, чтобы он имел нулевое заполнение и границы. Затем измерьте размер этого элемента, используя эти два свойства HTML-элемента offsetHeight и offsetWidth (sic!).

Для многострочного текста этот элемент должен быть блочным элементом, например "p" или "div". В этом случае нет предопределенных ширины и высоты, проблема была бы неоднозначной. Затем установите его ширину по стилю на какое-то фиксированное значение, которое вам нравится, и измерьте результирующую высоту. Текст будет отображаться с переносом слов автоматически, и это будет определять высоту внешнего элемента.

Проблема решена.

—СА