jquery实现图片点击旋转

最新推荐文章于 2022-11-20 17:03:26 发布

转载最新推荐文章于 2022-11-20 17:03:26 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mybug/p/10255038.html

文章标签：

#javascript #ViewUI

本文介绍了一个JavaScript函数，用于解析CSS transform属性中旋转角度的具体数值。通过数学运算，将矩阵转换为可读的角度值，实现元素的精确旋转控制。

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;
        //return (aa+','+bb+','+cc+','+dd);
    }
    function rotate(dom){
        var ele = $(dom);
        // console.log(ele.css('transform'))
        var css = ele.css('transform');
        var deg;
        var step=90;//每次旋转多少度
        if(css === 'none'){
            deg = 0;
        } else {
            deg=eval('get'+css);
        }
        ele.css({'transform':'rotate('+(deg+step)%360+'deg)'});

    }

转载于:https://www.cnblogs.com/mybug/p/10255038.html