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

Question

我正在使用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)的确有它,但没有克隆或复制方法可用.

我必须错误地使用构造函数.有没有人有正确形式的例子？

Answer 1

请参阅SVGSVGElement.createSVGTransform.

一个例子:

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