Native JS get transform value x y z and rotate rotation angle

CSS3 In the age of, we often operate transform Animation properties , So there will also be people who want to get transform When attributes , But when you go to get the value, you are confused , What comes out is matrix Matrix value , And a little annoys you , When you have operated z, The length and sort of the matrix are different , You cannot fix the value ,（ Seems to use jQ One way to get it is to get it fixed ）, In order to get these values normally , I found some pure js The revision of the version is finally done .

function getTranslate(node,sty){// obtain transform value 
    var translates=document.defaultView.getComputedStyle(node,null).transform.substring(7);
    var result = translates.match(/\(([^)]*)\)/);//  Regular () Content 
    var matrix=result?result[1].split(','):translates.split(',');
    if(sty=="x" || sty==undefined){
        return matrix.length>6?parseFloat(matrix[12]):parseFloat(matrix[4]);
    }else if(sty=="y"){
        return matrix.length>6?parseFloat(matrix[13]):parseFloat(matrix[5]);
    }else if(sty=="z"){
        return matrix.length>6?parseFloat(matrix[14]):0;
    }else if(sty=="rotate"){
        return matrix.length>6?getRotate([parseFloat(matrix[0]),parseFloat(matrix[1]),parseFloat(matrix[4]),parseFloat(matrix[5])]):getRotate(matrix);
    }
}
function getRotate(matrix){
    var aa=Math.round(180*Math.asin(matrix[0])/ Math.PI);
    var bb=Math.round(180*Math.acos(matrix[1])/ Math.PI);
    var cc=Math.round(180*Math.asin(matrix[2])/ Math.PI);
    var dd=Math.round(180*Math.acos(matrix[3])/ 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;
 
}

/* The first parameter is the element , The second is to get x y z rotate this 4 One of them
Okay , Whether you use it or not translate3d still translateX、translateY, All available x y z*/
var nowRotate=getTranslate(document.getElementById(“id”),“x”);
console.log(nowRotate)