Highlighted

Relative positioning for a group/layer for SVG in illustrator

New Here ,
Jul 14, 2020

Copy link to clipboard

Copied

Hi - I haven't had luck with how to accomplish explorting an SVG with relative positioning for a group/layer within 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

Topics

Import and export

Views

21

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Relative positioning for a group/layer for SVG in illustrator

New Here ,
Jul 14, 2020

Copy link to clipboard

Copied

Hi - I haven't had luck with how to accomplish explorting an SVG with relative positioning for a group/layer within 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

Topics

Import and export

Views

22

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Jul 17, 2020

Copy link to clipboard

Copied

Illustrator doesn't do relative positioning.

You might want to ask for this feature (there might even be a request already)

Please post bugs & feature requests to http://illustrator.uservoice.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...