Fit <svg> do wielkości <object> pojemnika

Question

mam ten znaczników:

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

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

udało mi się zrobić element <object> wypełnić zewnętrzną <div>, ale wewnętrzna plik foo.svg ma swoje własne pomysły, jak duże to jest. Potrzebuję foo.svg (który składa się z elementu <svg>, oczywiście), aby mieć ten sam rozmiar co <object> i <div>.

Answer 1

To jest odpowiedź (z przykładami) w svg primer.

tl STRESZCZENIE Dr:

• usunąć 'szerokość' i 'wysokość' atrybutów korzenia SVG i dodać atrybut 'viewBox' o wartości "0 0 WH", gdzie W i H wartości bezwzględne zwykle w szerokości i wysokości atrybutów (zauważ, że procenty i inne jednostki nie są dozwolone w atrybucie viewBox)

Answer 2

próby dodania: szerokości! XXXpx ważne; Wysokość: XXXpx! Important;