CSS3 रूपांतरण

Question

के बाद जेएस के साथ div आकार प्राप्त करें मैं इस पर एक/कई CSS3 रूपांतरण लागू करने के बाद जावास्क्रिप्ट में किसी तत्व की ऊंचाई प्राप्त करने का प्रयास कर रहा हूं।

#transformed{ 
    transform:scale(.5); 
} 

दुर्भाग्यवश, JQuery का बाहरी हाइट यह मूर्खतापूर्ण प्रतीत नहीं होता है।

$('#after').outerHeight(); //not affected by the transformation 

उदाहरण: http://jsfiddle.net/mQ2nT/

Answer 1

आप getBoundingClientRect का उपयोग परिवर्तन के बाद आयाम और पदों को पाने के लिए कर सकते हैं।

बस अपने तत्वों को बदलने, और:

$('#after')[0].getBoundingClientRect(); 
// note the [0], the function is DOM not jQuery's. 

सबसे अच्छी बात यह है कि यह भी उचित स्थिति, आयाम वापस आ जाएगी कि हर परिवर्तन आप लागू करने के बाद है।

आप rotate, skew, translate और सीएसएस जो कुछ भी प्रदान करता है, के लिए स्वतंत्र हैं। जीबीसीआर इसे संभाल लेंगे।