jQuery를 사용하여 `-moz-transform:rotate` 값을 어떻게 얻을 수 있나요?

jQuery를 사용하여 -moz-transform:rotate 값 가져오기

이 질문은 HTML에 적용된 현재 회전 값을 추출하는 문제를 해결합니다. jQuery를 사용하는 요소입니다. 제공된 CSS 스타일에는 동일한 회전 각도 값을 가진 여러 변환 선언이 포함되어 있습니다.

답변:

제공된 솔루션은 모든 스타일에 적용된 숫자 회전 값을 검색하는 기능을 제공합니다. -webkit-, -moz-, -ms-, -o- 또는 표준 변환 속성을 사용하는지 여부에 관계없이 HTML 요소입니다. 접근 방식에 대한 개요는 다음과 같습니다.

1. 변환 행렬 구문 분석: 이 함수는 먼저 jQuery를 사용하여 -webkit-transform 속성(또는 해당 변형)의 값을 검색합니다. CSS() 메서드. 요소에 회전이 적용되지 않은 경우 'none'을 반환합니다.
2. 회전 각도 추출: 검색된 값이 'none'이 아닌 경우 함수는 일부를 사용하여 회전 각도를 추출합니다. 매트릭스 조작. 행렬을 해당 구성 요소로 분할한 다음 atan2() 함수를 사용하여 각도를 계산합니다.
3. 음수 각도 처리: 회전 각도가 항상 양수인지 확인하기 위해 if-를 적용합니다. 그렇지 않으면 확인하고 각도가 음수이면 360도를 더합니다.
4. 회전 각도를 반환합니다. 함수는 다음을 반환합니다. 계산된 회전 각도를 반올림된 정수로 표시합니다.

사용 예:

제공된 JavaScript 코드는 getRotationDegrees() 함수를 활용하여 회전 각도를 검색하는 방법을 보여줍니다. 특정 HTML 요소의 경우:

angle1 = getRotationDegrees($('#myDiv'));
angle2 = getRotationDegrees($('.mySpan a:last-child'));

이를 통해 개발자는 HTML의 모든 요소에 적용된 회전 각도를 검색할 수 있습니다. 웹페이지를 방문하여 추가 계산이나 논리에 사용하세요.

위 내용은 jQuery를 사용하여 `-moz-transform:rotate` 값을 어떻게 얻을 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!