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 中国語 Web サイトの他の関連記事を参照してください。