使用變換矩陣旋轉後的CSS定位矩形

Question

我正在使用CSS變換矩陣來旋轉div。 應用旋轉後，我想使用css'left'和'top'來定位div。

問題是，css定位忽略了旋轉，並將矩形視爲不旋轉。例如，如果將矩形旋轉90度，然後將其設置爲左邊0px和頂部0px，則不會顯示在容器的左上角。這將是相同的結果，如果我將原始矩形放置在0,0中，然後旋轉它（它看起來像是在10px，-5px左右）。

所有的答案在網上只談論得到旋轉矩形的位置，但沒有設置。

謝謝。

Answer 1

您無法在旋轉後定位div。

你可以做的是定位你真正想要的角落，然後將這個位置設置爲旋轉中心。

如果你舉一個具體的例子，那麼我可以給你一個更詳細的答案。

Answer 2

最後我用簡單的邏輯來解決它：

newX = x - (originalWidth - boundedW)/2; 
newY = y - (originalHeight - boundedH)/2;