SVG Positioning -

I am having a play with SVG and I have some problems with positioning. I have a series in which The g is contained in the group tag. I was hoping to use it as a container, so I can set my x position and then all elements of that group will also go ahead.

What is the concept of relative position? Like

Everything in the G element is related to the current transforming matrix.

To move the content, simply enter the conversion into the G element:

  & lt; G transform = "translate (20,2.5) rotate (10)" & gt; & Lt; Rect x = "0" y = "0" width = "60" height = "10" /> & Lt; / G>  

link: to