1

重複の可能性:
jQuery で要素 -moz-transform:rotate 値を取得

Firefox 15 - クロム:

$('#img2').css('transform');

return =>  "rotate(90deg)"

Firefox 16

$('#img2').css('transform');
return => matrix(0, 1, -1, 0, 0, 0);

firefox 16で回転値を取得する方法はありますか?マトリックスとは何ですか?

Firebq では次のようになります。

element.style {
    height: auto;
    transform: rotate(90deg);
    width: auto;
}
4

1 に答える 1

6

行列は、形式のアフィン変換[a,b,c,d,tx,ty]です。css文字列をこれらのプロパティを持つオブジェクトに解析する場合(それぞれ[0,1,-1,0,0,0]の例では)、次のようにして回転角度を度単位で計算できます。Math.atan2(matrix.b,matrix.a) * (180 / Math.PI);

ここに css マトリックスに関する良い記事がありますhttp://dev.opera.com/articles/view/understanding-the-css-transforms-matrix/ - それでも私が見つけた最良の説明は Senocular によるこれです ( Flash に関するものですが、基本的な計算は同じです): http://www.senocular.com/flash/tutorials/transformmatrix/

rotate(deg)構文は、基礎となる行列変換の省略形にすぎません。FF が 1 つの形式を受け入れ、別の形式を報告する理由はわかりません。

変換の詳細: http://www.w3.org/TR/2012/WD-css3-transforms-20120911/

于 2012-10-15T14:12:03.403 に答える