gpt4 book ai didi

javascript - 反转 CSS3 变换矩阵

转载 作者:行者123 更新时间:2023-11-28 18:49:19 25 4
gpt4 key购买 nike

如何,如果我有一个 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.0000000000000 008881784197001252)

旋转-45度和平移-10px,-10px?它是否总是简单地交换第二个和第三个参数以及交换第五个和第六个元素(同时执行 *-1)?

最佳答案

不,不是。在这两种情况下(直接和反向)dx 和 dy 都在旋转/缩放之后(或之前......但始终以相同的顺序)应用。需要为以下矩阵找到一个逆矩阵:

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

并丢弃结果的第三行。

在这种情况下,你只有旋转而没有缩放,逆矩阵就像

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

关于javascript - 反转 CSS3 变换矩阵,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9786671/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com