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);