Obtenez la transformation de la matrice actuelle d'un élément SVG

Question

Je connais un moyen très facile d'obtenir la transformation de la matrice actuelle de tout élément SVG:

// 't' is a string 
var t = window.getComputedStyle(nativeElement, null).transform 
console.log(t); 

Le problème est que les précédentes méthode renvoie un nombre sans plus de six décimales. Par exemple, le code précédent peut renvoyer:

matrix(0.965926, 0.258819, -0.258819, 0.965926, 0, 0) 

Existe-t-il un moyen d'obtenir la transformation matricielle de n'importe quel élément SVG plus précisément?

Answer 1

Pour obtenir l'attribut transform actuel comme un objet SVGMatrix, vous pouvez utiliser:

element.transform.baseVal.consolidate().matrix 

var myrect = document.getElementById("myrect"); 
 

 
console.log(myrect.transform.baseVal.consolidate().matrix);

<svg> 
 
    <rect id="myrect" width="10" height="10" transform="scale(2) rotate(45)"/> 
 
</svg>