反轉CSS3轉換矩陣

Question

如果我有CSS3轉換矩陣，該如何轉換該矩陣？

例如，如果我有這個矩陣可以旋轉45度並平移10px，10px

矩陣（0.7071067811865475、0.7071067811865476，-0.7071067811865476、0.7071067811865475，-0.0000000000000008881784197001252、14.142135623730951）

我如何計算逆

矩陣（0.7071067811865475，-0.7071067811865476、0.7071067811865476、0.7071067811865475，-14.142135623730951、0.0000000000000008881784197001252）

旋轉-45度並轉換-10px，-10px？ 是否總是簡單地交換第二個和第三個參數並交換第五個和第六個元素（同時執行* -1）？

Answer 1

不它不是。 在這兩種情況下（正向和反向），在旋轉/縮放之后（或之前，但始終以相同順序）應用dx和dy。 需要為以下一個矩陣求逆矩陣：

| a11 a12 dx |
| a21 a22 dy |
|  0   0  1  |

並丟棄結果的第三行。

如果只有旋轉且沒有縮放比例，則逆矩陣將類似於

| a11 a21 a11*x+a21*y |
| a12 a22 a12*x+a22*y |