jQuery를 사용하여 요소의 CSS 변환에서 회전 값을 추출하려면 어떻게 해야 합니까?

jQuery를 사용하여 요소 회전 값 검색

CSS에서는 -moz-transform 속성을 사용하여 요소에 변환을 적용하는 것이 일반적입니다. 그러나 jQuery를 사용하여 이 속성에서 특정 회전 값을 추출하는 것은 어려운 일이었습니다.

질문:

특정 HTML 요소에 적용된 숫자 회전 값을 얻는 방법 복잡한 행렬 변환 내에 저장되어 있음에도 불구하고 jQuery를 통해 string?

답변:

이 솔루션은 -moz-transform 속성에서 회전 각도를 추출하는 jQuery 함수를 제공합니다.

function getRotationDegrees(obj) {
    var matrix = obj.css("-webkit-transform") ||
    obj.css("-moz-transform")    ||
    obj.css("-ms-transform")     ||
    obj.css("-o-transform")      ||
    obj.css("transform");
    if(matrix !== 'none') {
        var values = matrix.split('(')[1].split(')')[0].split(',');
        var a = values[0];
        var b = values[1];
        var angle = Math.round(Math.atan2(b, a) * (180/Math.PI));
    } else { var angle = 0; }
    return (angle < 0) ? angle + 360 : angle;
}

사용법:

요소의 회전 값을 검색하려면 myDiv 클래스에는 다음을 사용합니다.

angle1 = getRotationDegrees($('#myDiv'));

mySpan 클래스가 있는 요소 내의 마지막 앵커에는 다음을 사용합니다.

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

위 내용은 jQuery를 사용하여 요소의 CSS 변환에서 회전 값을 추출하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!