Problema de Chrome SVG transform

Estoy tratando de colocar un rectángulo svg con transfrom = translate (). Cuando lo probé, vi que no funciona en Chrome, pero funciona bien en Firefox.

También probé en Chrome con -webkit- pero tampoco funciona.

En el fragmento de código puede ver cuál es el problema cuando está abierto con Chrome.

¿Alguien ahora tiene una solución para esto o estoy haciendo algo mal?

<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/

Respuestas a la pregunta(1)

Su respuesta a la pregunta