支持ie6,7的dom元素旋转缩放

支持ie6,7的dom元素旋转缩放

支持ie6,7的dom元素旋转缩放

//方法名是fnRotateScale，有三个参数。第一个就是dom元素啦；第二个参数就是旋转的角度，例如旋转45度就是45,；第三个参数scale就是你希望缩放的比例了，例如希望放大两倍显示就是2就可以了。使用也是相当简单的。
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 +")";
        }
    }
};
var fnRotateScale = function(angle, scale) {
    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;

        console.log("progid:DXImageTransform.Microsoft.Matrix(M11="+ m11 +",M12="+ m12 +",M21="+ m21 +",M22="+ m22 +",SizingMethod='auto expand');");
    }
};
fnRotateScale(0, 32/84);