Fit <svg>

Question

bu işaretlemeyi var:

#widget1 { 
    height:100px; 
    width:200px; 
} 

<div class="widget" id="widget1"> 
    <object data="foo.svg" type="image/svg+xml" /> 
</div> 

Ben <object> eleman dış <div> doldurmak yapmak başardı ama iç foo.svg dosya ne kadar büyük kendi fikirleri vardır o olduğunu. Ben foo.svg (<svg> öğesinden oluşan, tabii ki) <object> ve <div> ile aynı boyuta ihtiyacım var.

Answer 1

Bu, (örneklerle birlikte) svg primer'da yanıtlanır.

tl; dr özeti:

• değeri ile w ve h "0 0 wh" terimi, bir 'ViewBox' özelliği eklemek svg kökünde nitelikler ve width ve height kaldırma mutlak değerler genellikle genişliği bulunan ve yüksekliği

Answer 2

deneyin eklemek için (yüzdeler ve diğer birimler ViewBox niteliğinin izin verilmez unutmayın) öznitelikleri: genişliği:! XXXpx önemli; yükseklik: XXXpx! Önemli;