Как узнать расстояние до текстового блока?

Question

[Антон Мудренок]

Как бы без лишней боли, четко в пиклеях, узнавать расстояние не до текста (как мы видим слева от красной линии на скрине), а именно до текстового блока (который мы видим, например, при выделении)?


upd: В лоб решение я только что нашел, выделить блок текста(ctrl+T), двинуть на него гайдлайн и от него уже измерять. Но мне пока не очень по душе этот способ.

Comments

[Anton Filippov]

расстояние от чего?

[Антон Мудренок]

Антон Ф.: не понял вопроса, от чего угдодно. Тут от верхнего края картинки.
В лоб решение я только что нашел, выделить блок текста, двинуть на него гайдлайн и от него уже измерять. Но мне пока не очень по душе этот способ.

Answer 1

[Тимофей]

Скорее всего, никак. У разных шрифтов может быть разный размер букв, вертикальное выравнивание может разниться (например, на маках оно почему-то отличается от винды). Можно попробовать получить какое-то приближенное значение, поставив блоку line-height: 1 и взяв расстояние до его верхнего края, но тогда этот блок будет нормально смотреться только когда в нем будет 1 строка. Ну и высота строки будет равна всегда 1 заглавной букве, если это важно.

Answer 2

[Евгений Петров]

Используя метод getClientRects(), получаем размеры и положение строк.

Comments

[Антон Мудренок]

клево, а в фотошопе как это сделать?

[Евгений Петров]

Антон Мудренок: Что-то я пропустил, открыв тему:) Пожалуй, следует удалить ответ — не в тему.

[Антон Мудренок]

Евгений Петров: очень даже в тему, пригодится)