Есть ли способ, чтобы измерить ширину строки (в пикселях при визуализации) в Javascript / HTML5

Question

Кажется, что я мог бы создать пустой элемент DOM, содержащий строку, установить непрозрачность равной нулю, отобразить ее, а затем измерить ширину элемента, но это выглядит очень странно.Мне интересно, есть ли лучший способ.Есть идеи?

РЕДАКТИРОВАТЬ: мне нужно ширина в пикселях при отображении на экране, а не количество символов:)

Answer 1

Вы имеете в виду ширину пикселя? Нет, нет простого способа предсказать это в Javascript без необходимости его отображения браузером. Это очень сильно зависит от того, какой шрифт выбран браузером, размер шрифта (на который может повлиять наследование, если задано значение в процентах или em), межбуквенный интервал, заполнение элементов и т. Д. До тошноты.

Предлагаемое вами решение для рендеринга в браузере, даже с нулевой непрозрачностью или visibility:hidden (спасибо, комментаторы), я думаю, лучший способ.