jquery实现图片点击旋转两种方式

第一种：看的不是很懂

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)'});
 
    }

第二种：使用原生js来实现图片旋转，旋转度数可以自己调整，现在是90°

DOM结构

<td style="padding-left: 24px; ">
   <div class="fileimg">
      <a target=" _blank " href="XXX">
       <img src="xxx" class="personal-img" style="height: 
        100px; 100px; " /></a>
     </div>
<div class="rc"x<i class="rotate"x</i>旋转</div></td>

<script type="text/javascript">
   $(function ( ){
       var rIndex=0 ;
       $(".rotate").click(function(){
       var _this=$(this);
       rIndex++;
       getRotate(_this , rIndex);
       return false;
     });

   function getRotate(_this ,index){
         var degree=index*90;
         _this.parents( ).find("img.personal-img").css('transform',' rotate(' +degree+' deg)'); 
         _this.parents( ).find("img.personal-img").css('-ms-transform','rotate('+degree+'deg)'); /*IE9*/
         _this.parents( ).find("img.personal-img").css('-webkit-transform','rotate('+degree+'deg)'); /*SaFari and Chrome*/
         _this.parents( ).find("img.personal-img").css('-moz-transform','rotate('+degree+'deg)'); /*FireFox*/
    })
</script>

第二种：使用原生jquery来实现图片旋转(还没有实现)