结果就会生成对应的IE Matrix滤镜相关的CSS代码：
上面的工具虽然使用比较方便。但是，其功用只针对CSS，如果我们希望通过JavaScript控制图片的旋转以及缩放，那就是出拳打在棉花上——不给力。所以，我抽了点时间写了个可用使用JS非常简单的控制元素旋转以及缩放的方法。完整JavaScript代码如下：
var fnRotateScale = function(dom, angle, scale) {
if (dom && dom.nodeType === 1) {
angle = parseFloat(angle) || 0;
scale = parseFloat(scale) || 1;
if (typeof(angle) === “number”) {
//IE
var rad = angle * (Math.PI / 180);
var m11 = Math.cos(rad) * scale, m12 = -1 * Math.sin(rad) * scale, m21 = Math.sin(rad) * scale, m22 = m11;
if (!dom.style.Transform) {
dom.style.filter = “progid:DXImageTransform.Microsoft.Matrix(M11=”+ m11 +”,M12=”+ m12 +”,M21=”+ m21 +”,M22=”+ m22 +”,SizingMethod=’auto expand’)”;
}
//Modern
dom.style.MozTransform = “rotate(“+ angle +”deg) scale(“+ scale +”)”;
dom.style.WebkitTransform = “rotate(“+ angle +”deg) scale(“+ scale +”)”;
dom.style.OTransform = “rotate(“+ angle +”deg) scale(“+ scale +”)”;
dom.style.Transform = “rotate(“+ angle +”deg) scale(“+ scale +”)”;
}
}
};
方法名是fnRotateScale，有三个参数。第一个就是dom元素啦；第二个参数就是旋转的角度，例如旋转45度就是45,；第三个参数scale就是你希望缩放的比例了，例如希望放大两倍显示就是2就可以了。使用也是相当简单的。
举个例子，例如现在页面上有张id为testImage的图片，我们希望这张图片旋转45度同时尺寸变成原来的两倍，该怎么办，很简单，直接套用上面的方法就可以了，JS代码如下：
fnRotateScale(document.getElementById("testImage"), 45, 2);就搞定了。无论你手上是什么浏览器，您可以狠狠地点击这里：Matrix+transform下元素旋转缩放JS测试demo
此demo实现的就是上面的旋转45度同时元素尺寸放大2倍的效果，例如IE8浏览器，将会看到如下截图所示的效果： 
