jQuery图片旋转

来源:互联网 发布:国外教育学专业 知乎 编辑:程序博客网 时间:2024/06/05 02:36
<script>    /*     * 解析matrix矩阵,0°-360°,返回旋转角度     * 当a=b||-a=b,0<=deg<=180     * 当-a+b=180,180<=deg<=270     * 当a+b=180,270<=deg<=360     *     * 当0<=deg<=180,deg=d;     * 当180<deg<=270,deg=180+c;     * 当270<deg<=360,deg=360-(c||d);     * */    function getmatrix(a,b,c,d,e,f){        var aa=Math.round(180*Math.asin(a)/ Math.PI);        var bb=Math.round(180*Math.acos(b)/ Math.PI);        var cc=Math.round(180*Math.asin(c)/ Math.PI);        var dd=Math.round(180*Math.acos(d)/ Math.PI);        var deg=0;        if(aa==bb||-aa==bb){            deg=dd;        }else if(-aa+bb==180){            deg=180+cc;        }else if(aa+bb==180){            deg=360-cc||360-dd;        }        return deg>=360?0:deg;    }    var obj=$('#picBox img');    $('.rotateBtn').click(function(event){        event.preventDefault();        var rotateBtnId = $(this).attr('id');        var deg = eval('get'+obj.css('transform'));//构造getmatrix函数,返回上次旋转度数        var step = 0;//每次旋转多少度        if(rotateBtnId == 'rotate-left'){            step = -90;        }else if(rotateBtnId == 'rotate-right'){            step = 90;        }        obj.css({'transform':'rotate('+(deg+step)%360+'deg)'});    });</script>
0 0
原创粉丝点击