회전 요소 높이 및 너비

Question

textContent "Design"이있는 텍스트 요소가 있습니다.이 요소는 css로 변환되어 45도 회전됩니다. 그래서 회전하지만, 문제는 회전 된 요소의 높이를 얻는 방법입니다. 당신이 아니라 사각형을 가지고있는 경우에 pls는 IMG

내가 Gowri

Answer 1

확인 This overflow 찾고 있던 무엇을 그 해결책. 테두리 상자는 회전 된 객체의 바깥 쪽 치수가됩니다.

EDIT : 이것은 기본적으로 위와 같은 대답이지만, 기본 경계 상자와 함께 사용할 다른 측정 항목을 제공합니다.

Answer 2

텍스트를

감사 가 들어있는 상자의 높이와 너비를 필요 참조 폭 = w 및 높이 = h 인 모든 회전 (선은 완벽하게 수평/수직 임), 45도 회전하면 너비/높이 = x 인이 직사각형을 포함하는 정사각형을 그릴 수 있습니다.

나는 w 및 h 관련 x의 크기가 다음해야한다는 운동 :

x = sqrt(pow(w, 2)/2) + sqrt(pow(h, 2)/2)

희망 당신은 꽤 좋은에 대한 =]