transform跟transition的区别js

一、transform跟transition的区别js

1、区别就是两者都是以trans为前缀的单词，但意思是不一样的，具体的不同如下

2、transition中文意思是v.（使）转移，搬迁；转移（感情），传染（疾病），转让（权力等）；（使）调动，转职；转会，使转会（尤指职业足球队）；（将所得学分）转到（另一所学校）；转接（电话）；将（钱）转到（另一个账户上）；转让（财产，权利），移交（责任）；转用；转存，转录（资料、音乐等），改编；（旅途中）转乘，换乘；转印（图画，图案）；（通过延伸、隐喻）转变（词义，短语义）

3、transform的中文意思是v.使改观，使变形，使转化；变换（电流）的电压；（数）变换（数学实体）

二、用js怎么获取css3里的rotate

1、通过下面这条语获取transform的值

2、$(objName).css('transform');

3、很遗憾，获取到的是如下一个矩阵

4、哈哈，看到这个矩阵，很多人都懵了，但是真想获取rotate的角度怎么办，以下是我总结的一些函数：

5、*解析matrix矩阵，0°-360°，返回旋转角度

6、*当a=b||-a=b,0<=deg<=180

7、*当-a+b=180,180<=deg<=270

8、*当a+b=180,270<=deg<=360

9、*当180<deg<=270,deg=180+c;

10、*当270<deg<=360,deg=360-(c||d);

11、 function getmatrix(a,b,c,d,e,f){

12、 var aa=Math.round(180*Math.asin(a)/ Math.PI);

13、 var bb=Math.round(180*Math.acos(b)/ Math.PI);

14、 var cc=Math.round(180*Math.asin(c)/ Math.PI);

15、 var dd=Math.round(180*Math.acos(d)/ Math.PI);

16、//return(aa+','+bb+','+cc+','+dd);

17、 var deg=eval('get'+obj.css('transform'));//构造getmatrix函数,返回上次旋转度数

18、 obj.css({'transform':'rotate('+(deg+step)%360+'deg)'});

19、这样就ok了，可以自己深入研究一下transform的matrix