Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 转换矩阵计算_Javascript_Jquery_Css_Internet Explorer_Rotation - Fatal编程技术网

Javascript 转换矩阵计算

Javascript 转换矩阵计算,javascript,jquery,css,internet-explorer,rotation,Javascript,Jquery,Css,Internet Explorer,Rotation,我正在寻找计算适当的值,以旋转一个div在IE 6-8。我从这篇文章中获取了以下计算结果,但它似乎在IE6或IE7中不起作用。它在IE8中工作,所以这让我怀疑这是否是语法问题 var angle = 45; radians = parseInt(angle) * Math.PI * 2 / 360; calSin = Math.sin(radians); calCos = Math.cos(radians); var rotateCSS = 'filter: progid:DXImageTra

我正在寻找计算适当的值,以旋转一个div在IE 6-8。我从这篇文章中获取了以下计算结果,但它似乎在IE6或IE7中不起作用。它在IE8中工作,所以这让我怀疑这是否是语法问题

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)

被旋转的元素需要有position:absolute才能正常工作。

还有一个指向文章的链接。