javascript - JS SVG getCTM 和 setCTM？

Question

如果我使用 getCTM() 来获取当前的转换矩阵，如果我想在以后恢复它，我该如何使用该对象来设置矩阵(我知道保存和恢复，但那些指的是 Canvas 和不是项目)

我知道我设置了属性:

var m = someitem.getCTM();
$(someitem).attr("transform", "matrix("+m.a+","+m.b+","+m.c+","+ m.d+","+m.e+","+m.f+")");

但这似乎有点漫长。我找不到任何此类关闭函数的 setCTM 函数。

如果有所不同，则为 webkit 进行开发。

谢谢!

Answer 1

function setCTM(someitem,m) {
  return someitem.transform.baseVal.initialize(
    someitem.ownerSVGElement.createSVGTransformFromMatrix(m));
}

如果不是保存 someItem.getCTM()，而是保存 someitem.transform.baseVal.getitem(0)，您可以使用:

function setTransform(someitem,t) {
  return someitem.transform.baseVal.initialize(t));
}