Fit <svg> al tamaño del recipiente <object>

Question

tengo este marcado:

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

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

logré hacer el elemento <object> llenar el exterior <div>, pero el archivo foo.svg interior tiene sus propias ideas de lo grande que es. Necesito foo.svg (que consiste en un elemento <svg>, por supuesto) para ser del mismo tamaño que <object> y <div>.

Answer 1

Esto se responde (con ejemplos) en el svg primer.

tl; resumen dr:

• remove 'ancho' y 'altura' atributos en la raíz SVG, y añadir un atributo 'viewBox' con el valor "0 0 wh", donde w y h son los valores absolutos encuentran generalmente en el ancho y la altura atributos (tenga en cuenta que los porcentajes y otras unidades no están permitidos en el atributo viewBox)

Answer 2

tratar de añadir: ancho: XXXpx importante; altura: XXXpx! Importante;