Как измерить ширину текста в JavaScript

Часто в веб-разработке возникает необходимость точно узнать, сколько пикселей займет строка текста при заданном шрифте. Например, сделать красивую обрезку длинных заголовков с многоточием, выравнивание графических элементов в canvas или валидация ввода в реальном времени. Самый лучший способ для этого - использовать метод measureText() объект Canvas. Он возвращает размер с точной шириной текста в пикселях, а главное, без необходимости добавления элементов в DOM и без влияния на верстку.

Читать статью целиком »