jquery css 3 transform値の取得
2288 ワード
最近回転と書いてあり、transform値の取得が要求されています.コンソルを見たらlog($("#id").css(「transform」)の値の時、私の心は崩壊しました
だからわざわざ探してみましたが、行列についてはあまり理解していませんが、以下のコードが理解に役立ちます.
htmlコード
転載先:https://www.cnblogs.com/qingcui277/p/7918768.html
だからわざわざ探してみましたが、行列についてはあまり理解していませんが、以下のコードが理解に役立ちます.
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