與SVG

圍繞圖像我在.svg文件如下圖：與SVG

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

我希望它在網頁中間顯示，但似乎左上角是在中間。我怎樣才能讓圖像的中心顯示在頁面的中心？

來源

2012-06-19 SomeKittens

像這樣的東西應該工作：

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

來源

2012-06-21 09:28:09

這是天才，非常感謝你的分享。嘗試將彩色圓圈切換到流體佈局上的圓形位圖時保存了我。 – mmmeff

如果'height'或'width'不是像素，那麼這不起作用 – depperm

@depperm true，直到變換支持單元（它已經在css中完成） –

這裏有一種方法......

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

來源

2012-06-20 08:33:21

感謝。這是很多工作，但它的工作。我會把這個開放一段時間，看看有沒有人可以更容易地提出任何事情，但如果沒有，這是你的。 – SomeKittens

當您有嵌套的對象和軸心點時，此模式運行良好。感謝那！ –

回答

相關問題