在snap.svg中创建具有id属性的group元素

Question

如何在snap.svg中创建一个带有id属性的组元素？

我试图像这样创建它：

gr = draw.g(t1,t2);
gr.id="BoundingBox-"+BBoxElementCounter;

或

gr = draw.g(t1,t2);
gr.attr({"id": "BoundingBox-"+BBoxElementCounter});

但它不起作用。生成的svg代码没有id属性。

Answer 1

g.attr({id:"gid"})应该是正确的方法 - 您如何验证没有ID出现？

以下代码在Chrome JavaScript控制台中输入，并使用.outerSVG()进行验证，并在“元素”标签上进行检查。

Snap.version
"0.2.0"

var g = s.g()
undefined

g.attr({id:"gid"})
Element {id: "Shq33m2ni13", node: g#gid, paper: Element, type: "g", anims: Object…}

g.outerSVG()
"<g id="gid"/>"

请注意，我从adobe-webplatform / Snap.svg GitHub repo获得的版本是0.2.0。如果您必须使用0.1.0，请查看使用未记录的node属性的apply ID to a snap.svg graphic。

g.node.id = 'gid';