Javascript中周围的矩形和绝对旋转元素的高度

时间:2014-06-26 15:20:07

标签: javascript html css css3 webkit-transform

我有一些具有绝对位置的DIV(也可以是图像)元素,并使用CSS旋转和缩放。

enter image description here

如何计算元素占据的总宽度和高度(当时的矩形)。检查offset()的{​​{1}}并未给出正确的结果。

如果可能的话,我需要在Javascript / Jquery中使用解决方案,或者如果没有任何其他选项我可以自己计算数学。感谢。

我尝试了什么:

  • 使用偏移,但它没有给我正确的观点
  • position(),但不考虑轮换

元素的CSS,例如:

position()

1 个答案:

答案 0 :(得分:1)

在将getBoundingClientRect()应用于CSS transform之后,

top将能够为您提供每个元素的位置和尺寸。

从那里开始计算总高度(从最大bottom减去最小left)和宽度(从最大值'右减去最小{{1}})。

应该让你开始的

Here's a fiddle examplehere's a semi-related question