javascript - Javascript IE 変換行列の計算

Question

IE 6-8 で div を回転させるための適切な値を計算しようとしています。この投稿JavaScript IE 回転変換数学から次の計算を取得しましたが、IE6 または 7 では機能しないようです。

var angle = 45;
radians = parseInt(angle) * Math.PI * 2 / 360;
calSin = Math.sin(radians);
calCos = Math.cos(radians);

var rotateCSS = 'filter: progid:DXImageTransform.Microsoft.Matrix(M11=' + calCos + ', M12=-' + calSin + ',M21=' + calSin + ', M22=' + calCos + ', sizingMethod="auto expand"); '; /* IE6,IE7 */

rotateCSS += '-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod="auto expand", M11=' + calCos + ', M12=-' + calSin + ', M21=' + calSin + ', M22=' + calCos + ')"; '; /* IE8 */

$('.rotate').attr('style', rotateCSS);

Answer 1

適切に機能させるには、回転する要素に position:absolute が必要です。