Cách lấy chiều cao thực của văn bản?

Question

Nhắc đi ví dụ này
http://jsfiddle.net/uzgJX/

Kết quả là chiều cao của hộp chứa văn bản (một trong những bạn có thể thấy nếu bạn chọn văn bản bằng chuột ..) wichi là cao hơn thì chiều cao thực sự của bản văn.
Có cách nào để có được chiều cao thực sự với jquery hoặc js đồng bằng không?
Trong ví dụ tôi tryed với

text.height() 

và

text[0].getBoundingClientRect().height 

không có may mắn, nó nói 19px thay vì 14px

Answer 1

Nhận các tính font-size cho các phần tử văn bản thay vì:

parseInt(window.getComputedStyle(text[0]).fontSize, 10); 

font-size r epresents kích thước của một em vuông cho một phông chữ. Cần lưu ý rằng, trong khi hầu hết các glyphs sẽ ở bên trong các giới hạn của một ô vuông, một số có thể vượt quá giới hạn đó. Tuy nhiên, điều này thường không xảy ra trên các dĩa thẳng đứng.

Hãy thử: http://jsfiddle.net/uzgJX/1/. Mẹo: ảnh chụp màn hình và sao chép vào trình chỉnh sửa hình ảnh yêu thích của bạn, sau đó chọn các pixel chính xác đến chiều cao của văn bản và so sánh với giá trị được đưa ra trong fiddle.