image - 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)"/>

Answer 2

これが1つの方法です...

<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <svg x="50%" y="50%" width="258px" height="221px" overflow="visible"> 
    <image x="-129px" y="-110.5px" width="258px" height="221px" xlink:href="http://images2.wikia.nocookie.net/__cb20110303182948/hogwartsrpg/images/9/95/KittenCareCat.png"/>
  </svg>
</svg>