我在我的.svg
文件中有以下图像:
<image xlink:href="developer.mozilla.png" x="50%" y="50%" height="62" width="71"/>
我想让图片显示在页面中央,但它似乎是以左上角为中心点。如何让图片的中心点显示在页面中央?
这样应该可以工作:
<image xlink:href="developer.mozilla.png" x="50%" y="50%" height="62" width="71" transform="translate(-35.5,-31)"/>
<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>
height
或width
不是像素,则此方法无效。 - depperm