JavaScript로 테이블 헤더의 텍스트를 기울이는 방법은 무엇입니까?

Question

어느정도 자주 테이블을 만들고 중요한 값 (즉, "WSS"가 작동하지 않는 웨이브 솔더 스테이션)을 나타 내기 위해 줄일 수없는 테이블 헤더 이름을 지정해야하며 그 값은 숫자입니다. 이 수의 위대함의 순서는 거의 수백 가지를 넘지 않습니다. 수천 명에 이르는 경우는 거의 없지만 수천 명이나 그 이상이 될 수는 없습니다. 그래서, 테이블은 매우 이상하게 보일지도 모릅니다.

주어진 텍스트를 시계 반대 방향으로 90º 기울여서 헤더 테이블 셀이 넓어지기보다는 높을 것이라는 JavaScript 구현이 있는지 궁금합니다.

저는 텍스트로 이미지를 생성 한 다음 테이블 헤더의 값으로 삽입 할 수 있다고 확신합니다.

jsp에서 할 수 있습니까?

Answer 1

텍스트 회전은 이미지 (<canvas>에 동적으로 그려지는 것일 수도 있음) 또는 CSS3 transform 속성을 사용하여 수행 할 수 있습니다. 사진에는 ​​선택 가능한 텍스트가 포함될 수 없지만 2D 변환을 지원하지 않는 (구형) 브라우저에서 회전 할 수있는 유일한 방법입니다.