与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

当您有嵌套的对象和轴心点时，此模式运行良好。感谢那！ –

回答

相关问题