Хром выпуск SVG трансформация

Я пытаюсь позиционировать SVG-прямоугольник с помощью transfrom = translate (). Когда я тестировал его, я увидел, что он не работает в Chrome, но хорошо работает в Firefox.

Я также пробовал в Chrome с -webkit-, но тоже не работает.

В фрагменте кода вы можете увидеть, в чем проблема, когда он открывается с помощью Chrome.

У кого-нибудь сейчас есть обходной путь или я что-то не так делаю?

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

Ответы на вопрос(1)

Ваш ответ на вопрос