jQuery SVG вложенные группы

Question

Мне нужно создать вложенную группу SVG с помощью jQuerySVG или RaphaëlJS.Последний не поддерживает группы, поэтому я выбрал первый.

Что мне нужно:

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

В данный момент сайт не работает, но проверяет веб-архив для документации Я не могу найти способ дать элементу две разные группы:

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