Centering image with SVG

Question

I have the following image in my .svg file:

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

I want it display in the middle of the page, but it seems that the upper left corner is in the middle. How can I get the center of the image to display in the center of the page?

Answer 1

Something like this should work:

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