我們知道，當一個Element正常地擺放時，
Element.getBoundingClientRect()的返回如下：<code>rectObject.top：元素上邊到視窗上邊的距離;
rectObject.right：元素右邊到視窗左邊的距離;
rectObject.bottom：元素下邊到視窗上邊的距離;
rectObject.left：元素左邊到視窗左邊的距離;/<code>
如果Element旋轉後，四邊與Viewport不再平行時，那麼返回值是什麼？
<code>rectObject.top：元素上邊到視窗上邊的最短距離;
rectObject.right：元素右邊到視窗左邊的最長距離;
rectObject.bottom：元素下邊到視窗上邊的最長距離;
rectObject.left：元素左邊到視窗左邊的最短距離;/<code>
其實就是相當於新建了一個能把原Element包含住的最小的、虛擬的Element，再按新的Element返回值。如下圖所示：
分享到:
閱讀更多 午間畫道 的文章
關鍵字: 旋轉 getBoundingClientRect top
