$ .CSS

회전 가능한 중복 잘못된 값을 반환 ('변환') :
Get element -moz-transform:rotate value in jQuery

파이어 폭스 15 - 크롬 :

$('#img2').css('transform'); 

return => "rotate(90deg)"

파이어 폭스 (16)

$('#img2').css('transform'); 
return => matrix(0, 1, -1, 0, 0, 0);

어떻게하면 파이어 폭스에서 회전 값을 얻는 지 알 수 있습니다. 매트릭스 란 무엇입니까? Firebq에서

내가 얻을 :

element.style { 
    height: auto; 
    transform: rotate(90deg); 
    width: auto; 
}

출처

2012-10-15 user956584

파이어 폭스 (15) 반환 같은 일 ... 그리고 모두는이 값을 변환 사용 반환 할 것 같다. 하나가 옳은 스펙은 여전히 공중에 있습니다. –

행렬 형태 [a,b,c,d,tx,ty]에서 affine transformation이다. Math.atan2(matrix.b,matrix.a) * (180/Math.PI);이

여기 http://dev.opera.com/articles/view/understanding-the-css-transforms-matrix/ CSS의 매트릭스에 좋은 기사가 -하지만 : 당신이 (당신의 예에서 각각 [0,1,-1,0,0,0]) 이러한 속성을 가진 객체에 CSS 문자열을 구문 분석하는 경우에, 당신은 수행하여 각도 회전 각도를 계산할 수 있습니다 비록 내가 발견 한 가장 좋은 설명은 Senocular에 의한 것입니다. (플래시에 관한 것이기도하지만 기본 수학은 같습니다.) http://www.senocular.com/flash/tutorials/transformmatrix/

rotate(deg) 구문은 기본 매트릭스 변환의 약식에 불과합니다. 나는 FF가 왜 하나의 포맷을 받아들이는지 모르지만 다른 포맷을보고한다.

변환에

더 : 크롬 계산을 반환하는 반면, 여기 파이어 폭스 16 http://www.w3.org/TR/2012/WD-css3-transforms-20120911/

출처

2012-10-15 14:12:03 JcFx

출처 : http://css-tricks.com/get-value-of-css-rotation-through-javascript/ – user956584

@Userpassword 그건 내 소스가 아니었지만 또 다른 유용한 링크입니다. – JcFx

ok 나는 크롬과 firefox15/16으로 작동하는 jqueyr 함수를 만들려고 시도합니다. – user956584

답변

관련 문제