jquery css 3 transform値の取得

2288 ワード

最近回転と書いてあり、transform値の取得が要求されています.コンソルを見たらlog($("#id").css(「transform」)の値の時、私の心は崩壊しました
だからわざわざ探してみましたが、行列についてはあまり理解していませんが、以下のコードが理解に役立ちます.
htmlコード

<br>var nowDeg = $("#divTransform").css("transform");<br><br>function getmatrix(a,b,c,d){
    <br>    var aa=Math.round(180*Math.asin(a)/ Math.PI);<br>    var bb=Math.round(180*Math.acos(b)/ Math.PI);<br>    var cc=Math.round(180*Math.asin(c)/ Math.PI);<br>    var dd=Math.round(180*Math.acos(d)/ Math.PI);<br>    var deg=0;<br>    if(aa==bb||-aa==bb){
    <br>        deg=dd;<br>    }else if(-aa+bb==180){
    <br>        deg=180+cc;<br>    }else if(aa+bb==180){
    <br>        deg=360-cc||360-dd;<br>    }<br>    return deg>=360?0:deg;<br>    //return (aa+','+bb+','+cc+','+dd);<br>}<br>var values = nowDeg.split('(')[1].split(')')[0].split(',');<br>var a = values[0];<br>var b = values[1];<br>var c = values[2];<br>var d = values[3];<br>nowDeg = getmatrix(a,b,c,d);<br>console.log(nowDeg);</pre> 
   <pre>var nowDeg = $("#divTransform").css("transform");<br><br>function getmatrix(a,b,c,d){
    <br>    var aa=Math.round(180*Math.asin(a)/ Math.PI);<br>    var bb=Math.round(180*Math.acos(b)/ Math.PI);<br>    var cc=Math.round(180*Math.asin(c)/ Math.PI);<br>    var dd=Math.round(180*Math.acos(d)/ Math.PI);<br>    var deg=0;<br>    if(aa==bb||-aa==bb){
    <br>        deg=dd;<br>    }else if(-aa+bb==180){
    <br>        deg=180+cc;<br>    }else if(aa+bb==180){
    <br>        deg=360-cc||360-dd;<br>    }<br>    return deg>=360?0:deg;<br>    //return (aa+','+bb+','+cc+','+dd);<br>}<br>var values = nowDeg.split('(')[1].split(')')[0].split(',');<br>var a = values[0];<br>var b = values[1];<br>var c = values[2];<br>var d = values[3];<br>nowDeg = getmatrix(a,b,c,d);<br>console.log(nowDeg);<br>

transform

転載先:https://www.cnblogs.com/qingcui277/p/7918768.html