Получить длину строки в пикселях с помощью JavaScript

Question

Допустим, у меня есть строка "Hello".Длина этой строки, очевидно, составляет пять символов, но какова ее длина в пикселях?Есть ли простой способ определить эту длину в JavaScript?Я подумал о решении, в котором пользователю нужно было бы отображать дополнительный div, но этот способ кажется хакерским и сложным.заполните эту длину строки.Как вы, вероятно, можете сказать из вышесказанного, я думаю, что лучшим вариантом будет просто измерить длину строки и один пробел с точки зрения пользователя и вычислить, сколько пробелов должно заменить текст на основе этого.Кстати, это будет отображаться во вводимом тексте HTML.

Спасибо.

Answer 1

Вы можете определить количество пикселей контейнера строки. Вы можете сделать это, создав скрытый элемент в DOM, установив внутренний HTML в строку, а затем запросив ширину.

Answer 2

Я не думаю, что это хороший и простой способ сделать это, за исключением вычисления длины контейнера.Ширина зависит от размера шрифта, шрифта, межбуквенного интервала, она будет отличаться в зависимости от браузера и т. Д. *