html - style - Ajustar<svg> al tamaño del contenedor<object>

title tag html

Question

Tengo este marcado:

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

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

Logré que el elemento <object> llenara el <div> externo, pero el archivo foo.svg interno tiene sus propias ideas de cuán grande es. Necesito foo.svg (que consiste en un elemento <svg> , por supuesto) para tener el mismo tamaño que <object> y <div> .

Answer 1

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

tl; resumen del dr:

• elimine los atributos ''width'' y ''height'' en la raíz svg, y agregue un atributo ''viewBox'' con el valor "0 0 wh", donde w y h son los valores absolutos que se encuentran generalmente en los atributos width y height (tenga en cuenta que los porcentajes y otras unidades no están permitidas en el atributo viewBox)

Answer 2

Intenta agregar: ancho: XXXpx! Importante; altura: XXXpx! importante;