Hi there,
i would like to have some reliable, understandable svg-nesting method, ready for dynamic x/y-shift and rotation.
I am trying to get some results, still without centerpoint manipulation (brain not ready yet, sorry).
I found out that its possible to shift groups very well with <svg> parents, and to rotate groups better with <g>parents.
If you play with the example, please try to start over and change order of manipulation. You will see, that centerpoint gets fixed at the moment of first-time object-rotation.
Since it deals with nested svgs, i hope my explanation sounds not too complicated.