创建一个新的 SVGTransform 对象以附加到 SVGTransformList

我正在使用 Firefox 3.6，想在单击时向 svg 元素添加翻译；该元素已经有其他翻译。

var svgs = document.getElementsByTagName("svg:svg");
var group = svgs[0].childNodes[1];
group.addEventListener("click",function(e){
    var group2 = group.cloneNode(true);
    group2.setAttribute("transform", group2.getAttribute("transform")+" translate(10,10)");
    svg2.insertBefore(whole2, whole);
},false);

但另一种方法可以做到setAttribute行将是：

group2.translate.baseVal.appendItem(newSVGTransformTranslation);

我遇到困难的是我可以打电话

newSVGTransformTranslation =
  new SVGTransform(SVGTransform.SVG_TRANSFORM_TRANSLATE);

但生成的对象没有setTranslate(x,y)我期望的方法；也没有任何设置者。奇怪group2.translate.baseVal.getItem(0)确实有，但没有可用的克隆或复制方法。

我一定是错误地使用了构造函数。有人有正确形式的示例吗？

See SVGSVGElement.createSVGTransform http://www.w3.org/TR/SVG11/struct.html#__svg__SVGSVGElement__createSVGTransform.

一个例子：

var tfm = svgroot.createSVGTransform();
tfm.setTranslate(x,y);