Ich versuche, ein SVG-Rechteck mit transfrom = translate () zu positionieren. Als ich es getestet habe, habe ich festgestellt, dass es in Chrome nicht funktioniert, aber in Firefox funktioniert es gut.

Ich habe es auch in Chrome mit -webkit- versucht, aber es funktioniert auch nicht.

Im Code-Snippet können Sie sehen, was das Problem ist, wenn es mit Chrome geöffnet ist.

Hat jemand jetzt eine Problemumgehung dafür oder mache ich etwas falsch?

<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