svg元素内的g元素怎么配置垂直居中和水平居中

[讨厌走开啦]

svg元素内的g元素怎么配置垂直居中和水平居中，求各位大佬指点。

[li905663280]

<svg width="400" height="400"  style="background-color: yellow"
xmlns="http://www.w3.org/2000/svg">
    <g fill="dodgerblue"  >
    <rect x="50" y="50" width="300" height="300" ry="10"  />

</g>


</svg>

g为一个组，好像只能设置组类元素的x,y 来让g元素达到居中的效果。