JS获取transform rotate旋转角度的度数,matrix解析

转自竹音林,只为自己笔记,以备不时之需
如果使用$(objName).css('transform')来获取CSS3里transform rotate旋转角度的度数,得到的是矩阵matrix(a,b,c,d,e,f)
看到这个矩阵,很多人都是一脸蒙蔽的
那么想获取rotate的角度怎么办,看看我抄来的大作:)
(一脸严肃)

/* 
* 解析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=360?0:deg;  
    //return (aa+','+bb+','+cc+','+dd);  
}  
用法~~~~
var obj=$('#id');  
 obj.click(function(){  
     //构造getmatrix函数,返回上次旋转度数
     var deg=eval('get'+obj.css('transform'));  
     //每次旋转多少度
     var step=45;  
     obj.css({'transform':'rotate('+(deg+step)%360+'deg)'});  
 });  

还有一个百度来的~~





recursion




    
    
ddd

你可能感兴趣的:(JS获取transform rotate旋转角度的度数,matrix解析)