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

根据doc，你可以这样做：

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