我的.svg文件中有以下图像：
<image xlink:href="developer.mozilla.png" x="50%" y="50%" height="62" width="71"/>
我希望它显示在页面中间，但似乎左上角在中间。如何让图像的中心显示在页面的中心？
问问题
24027 次
2 回答
21
像这样的东西应该工作：
<image xlink:href="developer.mozilla.png" x="50%" y="50%" height="62" width="71" transform="translate(-35.5,-31)"/>
于 2012-06-21T09:28:09.783 回答
4
这是一种方法...
<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-20T08:33:21.380 回答