jQuery を使用して「-moz-transform:rotate」値を取得するにはどうすればよいですか?

jQuery を使用した -moz-transform:rotate 値の取得

この質問は、HTML に適用されている現在の回転値を抽出するという課題に対処します。 jQueryを使用した要素。提供された CSS スタイルには、同じ回転角度値を持つ複数の変換宣言が含まれています。

回答:

提供されたソリューションは、任意の角度に適用される数値の回転値を取得する関数を提供します。 HTML 要素 (-webkit-、-moz-、-ms-、-o-、または標準の変換プロパティを使用するかどうかは関係ありません)。このアプローチの概要は次のとおりです:

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 上の任意の要素に適用される回転角度を取得できます。 Web ページにアクセスし、さらなる計算やロジックに使用します。

以上がjQuery を使用して「-moz-transform:rotate」値を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。