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

Question

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

如何计算元素占据的总宽度和高度（当时的矩形）。检查offset()ofposition()并没有给我正确的结果。

如果可能的话，我需要一个 Javascript/Jquery 或数学的解决方案，这样如果没有任何其他选项，我可以自己计算它。谢谢。

我试过的：

• 使用偏移量，但它没有给我正确的观点
• position()，但它不考虑旋转

一个元素的 CSS 例如：

position:absolute;
-webkit-transform: rotate(-280deg);
-webkit-transform-origin: 43px 33px;

Answer 1

getBoundingClientRect()transform在将任何 CSS应用于它们之后，将能够为您提供每个元素的位置和尺寸。

从那里，这是一个计算总高度（top从最大值减去最小值bottom）和宽度（left从最大值减去最小值）的问题。

这是一个小提琴示例，这是一个半相关的问题，应该可以帮助您入门。