У меня есть текстовый элемент с textContent «Дизайн», который был преобразован с помощью css для поворота на 45 градусов. Таким образом, он поворачивается, но проблема в том, как получить высоту повернутого элемента. Пожалуйста, обратитесь к изображению
Мне нужна высота и ширина поля, содержащего текст
Спасибо, Гоури.
Проверьте Это переполнение для довольно хорошего решения. Ограничительная рамка будет внешними размерами вашего повернутого объекта.
РЕДАКТИРОВАТЬ: я должен добавить, что это, по сути, тот же ответ, что и выше, но он дает вам кучу других показателей, которые можно использовать вместе с вашей элементарной ограничивающей рамкой.
Если у вас есть прямоугольник, который вообще не поворачивается (линии идеально горизонтальны/вертикальны) с шириной = w и высотой = h, то вы поворачиваете его на 45 градусов, должна быть возможность нарисовать квадрат, содержащий этот прямоугольник с ширина/высота = x.
Я вычисляю, что размер x по отношению к w и h должен быть таким:
x = sqrt(pow(w, 2) / 2) + sqrt(pow(h, 2) / 2)
Надеюсь, это то, что вы искали =]
