Move paths to absolute position
I'm trying to move paths created in a Illustrator to a given position.
In the codePen, I move the group, then morph the balloon and move the stars.
The 2 targets are positioned at 100,300 and 300,300 (in pixels) in Illustrator.
I've tried a variety of techniques but none seem to work...
See the Pen LdMeKj?editors=1111 by fvila (@fvila) on CodePen
My biggest tips for taming the gremlins that reside in Adobe Illustrator's SVG Export would be convert to compound paths and always include a background rectangle that matches the same dimensions as your master SVG.
Take this simple example
If we leave them as rectangles, we get this for output:
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="300" viewBox="0 0 600 300">
<rect width="600" height="300" fill="#000"/>
<g id="boxes">
