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