图片旋转

最新推荐文章于 2022-12-16 16:22:21 发布

dianjin1933

最新推荐文章于 2022-12-16 16:22:21 发布

阅读量82

点赞数

原文链接：http://www.cnblogs.com/yangfan5157/p/6231945.html

版权

//IE浏览器旋转方法  
function ieTrans(o,d){    
    o.style.fileter=d  
}  
//非IE浏览器旋转方法  
function notieTrans(o,d){  
    o.style.MozTransform = d;  
    o.style.webkitTransform = d;  
    o.style.msTransform = d;  
    o.style.OTransform = d;  
    o.style.transform = d;  
}  
  
//图片顺时针旋转  
function rightRotate(){  
    var o=$('mainImg');  
    if(Browser.name=='ie'){//IE  
        var currentFilter = o.currentStyle.filter;  
        if (currentFilter){  
            var filterMatch = currentFilter.match(/rotation=(\d)+/);  
            var r = parseInt(filterMatch[1]) + 1;  
            if(r > 3) r = 0;  
            ieTrans(o,'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + r + ')');  
        }else{  
            ieTrans(o,'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)');  
        }  
    }else{//非IE  
        var currentFilter = o.style.MozTransform;  
        //console.log(currentFilter);  
        if (currentFilter){  //  
            var filterMatch = currentFilter.match(/rotate([\-]?\d+)deg/);  
     
            var r = parseInt(filterMatch[1]) + 90;  
            if (r > 0) r = -270;  
            console.log('rotate(' + r + 'deg)');  
            notieTrans(o,'rotate(' + r + 'deg)');  
        }else{  
            //如果o.style.MozTransform不存在，就说明这是第一次旋转，也就是右转90度，-270  
            console.log('rotate(-270deg)');  
            notieTrans(o,'rotate(-270deg)');  
        }  
    }  
}  
//图片逆时针旋转  
function leftRotate(){  
    var o=document.getElementById('mainImg');  
    if(window.attachEvent){//IE  
        var currentFilter = o.currentStyle.filter;  
        if (currentFilter){  
            var filterMatch = currentFilter.match(/rotation=(\d)+/);  
            var r = parseInt(filterMatch[1]) - 1;  
            if(r < 0) r = 3;  
            ieTrans(o,'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + r + ')');  
        }  
    }else{//非IE  
        var currentFilter = o.style.MozTransform;  
        //console.log(currentFilter);  
        if (currentFilter){  
            console.log(currentFilter);  
            var filterMatch = currentFilter.match(/rotate([\-]?\d+)deg/);  
     
            var r = parseInt(filterMatch[1]) - 90;  
            if (r > 270) r = 0;  
            notieTrans(o,'rotate(' + r + 'deg)');  
        }else{  
            notieTrans(o,'rotate(270deg)');  
        }  
    }  
}

判断所用浏览器

if ((navigator.userAgent.indexOf('MSIE') >= 0) 
    && (navigator.userAgent.indexOf('Opera') < 0)){
    alert('你是使用IE')
}else if (navigator.userAgent.indexOf('Firefox') >= 0){
    alert('你是使用Firefox')
}else if (navigator.userAgent.indexOf('Opera') >= 0){
    alert('你是使用Opera')
}else{
    alert('你是使用其他的浏览器浏览网页！')
}

转载于:https://www.cnblogs.com/yangfan5157/p/6231945.html