jQuery SVG嵌套组

Question

我需要用jQuerySVG或RaphaëlJS生成一个SVG嵌套组。后者不支持团体，所以我选择了前者。

我需要什么：

<g transform="translate(300, 300)"> 
    <line x1="0" y1="0" x2="0" y2="-100" /> 
    <g transform="translate(0, -100) rotate(20)"> 
     <line x1="0" y1="0" x2="0" y2="-100" /> 
    </g> 
</g> 

该网站已关闭的那一刻，但检查web archive的文档，我不能找到一种方法来给元素两个不同的组：

svg.line(g, 10, 80, 140, 70); 

我在寻找类似的东西：

svg.line(g, g2, 10, 80, 140, 70); 

任何不同的方法？

感谢

Answer 1

根据文档，你可以这样做：

g = svg.group(); 
g2 = svg.group(g); 
svg.line(g, 10, 80, 140, 70); 
svg.line(g2, 10, 80, 140, 70);