使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圖像忽略父視圖盒

回答

相關問題