使用SVG对图像进行居中

Question

我的.svg文件中有以下图像:

<image xlink:href="developer.mozilla.png" x="50%" y="50%" height="62" width="71"/>

我希望它显示在页面中间,但似乎左上角位于中间.如何让图像的中心显示在页面中央？

Answer 1

这样的事情应该有效:

<image xlink:href="developer.mozilla.png" x="50%" y="50%" height="62" width="71" transform="translate(-35.5,-31)"/>