CSS3 변환 행렬 뒤집기

CSS3 변환 행렬을 사용하면 어떻게이 행렬을 바꿀 수 있습니까?CSS3 변환 행렬 뒤집기

예. I는 10px을 45도 회전 및 변환이 행렬 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)?

아니요. 두 경우 모두 (직접 및 역방향) dx & dy는 회전 순서/크기 뒤에 (또는 전에 ... 항상 있지만 같은 순서로) 적용됩니다. 한 필요성은 다음 중 하나에 대한 역행렬 찾으려면

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

및 결과의 세번째 행을 버린다.

경우, 당신은 단지 회전과 스케일링을, 역행렬 그래서 내가 그 행렬을 반전 가겠어요 어떻게

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

2012-03-20 12:31:50 kirilloid

같은 것입니까? 어느 요소를 어느 것으로 교체해야합니까? 나는 행렬에 대해 많이 알지 못하며 가능한 한 빠른 수정을 찾고 있습니다 :-) –

이것은 쉽게 검색 될 수 있습니다. 예 : http://www.purplemath.com/modules/mtrxinvr.htm http://mathworld.wolfram.com/MatrixInverse.html – kirilloid

이 기능을 발견했지만 매우 복잡해 보입니다. 나는 (내가 생각한) 간단한 교환이나 내가 적용 할 수있는 다른 쉬운 기능이 있기를 바랐다. 3x3 행렬을 역산하는 JS 함수를 알고 있습니까? –

답변