ホームページ > ウェブフロントエンド > CSSチュートリアル > jQueryの-moz-transformから回転角度を抽出する方法は?

jQueryの-moz-transformから回転角度を抽出する方法は?

Susan Sarandon
リリース: 2024-12-05 13:37:11
オリジナル
740 人が閲覧しました

How to Extract Rotation Angle from -moz-transform in jQuery?

jQuery の -moz-transform プロパティを使用した要素の回転角度の決定

jQuery を使用すると、要素のスタイルのさまざまな側面を取得して操作できます。その変遷も含めて。この質問は、特に -moz-transform プロパティを使用して要素に適用される回転値を抽出することに焦点を当てています。

提供された CSS スタイルは、7.5 度の回転を含むレイヤーの変換を示しています。コード スニペット:

$('.element').css("-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;
}

angle1 = getRotationDegrees($('#myDiv'));
angle2 = getRotationDegrees($('.mySpan a:last-child'));
ログイン後にコピー

この関数は CSS から回転角度を抽出します。行列のコンポーネントを分割して解析することによって行列を変換します。さまざまな変換プロパティのバリアントをチェックすることで、ブラウザ間の互換性をサポートします。

目的の jQuery 要素で関数を呼び出すことにより、回転角度を度単位で取得できます。これにより、CSS を使用して要素に適用される回転の正確な操作と調整が可能になります。

以上がjQueryの-moz-transformから回転角度を抽出する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート