js html转图片 ie8,用js滤镜实现在IE8-的图片旋转效果实现不了

.img_box{

width:500px;

height:500px;

border:1px solid #ccc;

text-align: center;

margin:0px auto;

}

.btns{

width:500px;

margin:10px auto;

text-align: center;

}

            

向左旋转

向右旋转

function rotateLeft(rotation){

//第一种方法：

var sin = Math.sin(rotation);

var cos = Math.cos(rotation);

alert(sin);

var M11= cos,M12=-sin,M21=sin,M22=cos;

var img_id = document.getElementById('img_id');

img_id.style.filter = "progid:DXImageTransform.Microsoft.Matrix(M11="+M11+",M12="+M12+",M21="+M21+",M22="+M22+",SizingMethod='auto expand')";

//第二种方法：

img_id.style.filter =

progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}