Transformação SVG do problema do Chrome

Estou tentando posicionar um retângulo svg com transfrom = translate (). Quando o testei, vi que ele não funciona no Chrome, mas funciona bem no Firefox.

Também tentei no Chrome com o -webkit-, mas também não funciona.

No snippet de código, você pode ver qual é o problema quando aberto com o Chrome.

Alguém agora tem uma solução alternativa para isso ou estou fazendo algo errado?

<svg transform="translate(100,0)">
  <rect width="200" height="200" style="fill:blue;;stroke:black" />
</svg>
<br><br>
<svg style="transform:translate(100px,0)">
  <rect width="200" height="200" style="fill:blue;;stroke:black" />
</svg>

https://jsfiddle.net/suf2reee/

questionAnswers(1)

yourAnswerToTheQuestion