获取SVG元素的当前矩阵变换

Question

我知道一种获取任何SVG元素的当前矩阵变换的非常简单的方法：

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

问题在于以前的方法返回的数字不超过六个小数。例如，先前的代码可能返回：

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

有没有一种方法可以更准确地获取任何SVG元素的矩阵变换？

Answer 1

要将当前transform属性作为SVGMatrix对象获取，可以使用：

element.transform.baseVal.consolidate().matrix

element.transform.baseVal.consolidate().matrix

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

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