Изменение центра элементов svg group

Я хочу перевести центр группы svg в левый верхний угол:

Вместо:

+-----------------+ x-----------------+ | | | | | | | | | | | | | x | ----> | | | | | | | | | | | | | | +-----------------+ +-----------------+ 

Итак, для следующих svg:

      

rect элемент должен находиться в абсолютном положении: 0, 50 ( 200 - 400 / 2 , 300 - 500 / 2 ).

Я знаю, что могу установить атрибуты x и y для элемента rect ( ), но это более или менее хак, так как реальный центр g не изменяется.

Каков правильный способ изменения центра элемента SVG?

 rect { fill: red; } 
      

Может быть, это работает для вас в качестве translate ?

 rect { fill: red; }