使SVG图像忽略父视图盒

我有图像里面的svg与viewBox，是否有可能使图像忽略缩放造成viewBox和始终保持大小图像50x50？使SVG图像忽略父视图盒

<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 200 200" preserveAspectRatio="xMidYMid meet"> 
    <image xlink:href="someimage.png" width="50" height="50"></image> 
</svg>

这里是提琴：http://jsfiddle.net/3LpxV/1/

来源

2014-02-26 Ruben Nagoga

只需删除viewBox属性即可。如果还有更多的东西比你应该解释那是什么。 –

还有很多其他元素应该在viewBox下 –

创建一个带有viewBox的内部svg元素，并将其他元素置于其下，或者如果svg嵌入在html中，则将其移动到另一个svg元素。 –

如何嵌套的SVG元素？

<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500"> 
    <image xlink:href="someimage.png" width="50" height="50"></image> 
    <svg width="100%" height="100%" viewBox="0 0 200 200" preserveAspectRatio="xMidYMid meet"> 
     <!--other elements--> 
    </svg> 
</svg>

来源

2014-03-01 14:32:16 defghi1977

svg的结构不能改变 –

可以通过使用图像元素svg元素的CSS背景图像属性，而不是显示图像。
此图像不受svg元素的viewBox影响。

svg{ 
     background-image:url("***.jpg"); 
     background-repeat:no-repeat; 
     background-size:50px 50px; 
    }

来源

2014-03-11 06:05:28 defghi1977

使SVG图像忽略父视图盒

回答

相关问题