Relative positioning for a group/layer for SVG in illustrator
I want to create a layer/group with positioning within the artboard (ie the group/layer has the x and y values), then have the paths and objects inside the group/layer be relatively positioned to the parent.
HOW ILLUSTRATOR EXPORTS A GROUP NOW (group within a group)
<g id="button-1">
<g id="button-rotate">
<circle id="button-container" style="fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;" cx="43.1" cy="22.2" r="8.5"/>
<line id="toggle-line" style="fill:none;stroke:#000000;stroke-miterlimit:10;" x1="43.1" y1="22.2" x2="43.1" y2="13.7"/>
</g>
</g>
HOW I WANT IT TO EXPORT (notice the "0" values in the "circle" and "line" objects mean that it's relatively positioned to the group)
<g id="button-1">
<g id="button-rotate" transform="translate(43.1,22.2)">
<circle id="button-container" style="fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;" cx="0" cy="0" r="8.5"/>
<line id="toggle-line" style="fill:none;stroke:#000000;stroke-miterlimit:10;" x1="0" y1="-8.5" x2="0" y2="0"/>
</g>
</g>
If anyone could help with this that would be awesome!
Thanks
AdChoices