Gå til innhold

Skalere ned SVG-bilder via HTML/CSS


Anbefalte innlegg

Har inkludert en ekstern SVG-fil i et HTML-dokument med følgende kode:

 

<object type="image/svg+xml" data="test.svg" width="100" height="100"></object>

 

Prøvde å forminske bildet til f.eks. 75% av opprinnelig størrelse ved å endre på "width" og "height", men det resulterte i at bare deler av bildet ble vist, i stedet for at alt ble forminsket.

 

Er det mulig å løse problemet? I tilfelle hvordan.

 

Takk.

Lenke til kommentar
  • 4 år senere...
Videoannonse
Annonse

Litt kjapp googling fant fram til at du gjør det helt riktig med å sette width og height i objectet. Men selve svg filen er kilden til problemet.

 

Der står det kanskje:

 

<svg width="32" height="32">...</svg>

mens det burde stå er :

 

<svg width="100%" height="100%" viewBox =" 0 0 32 32">...</svg> 

 

Altså: Du må sjekke selve svgfilen i en teksteditor, og se om den er riktig (viser til siste snutt).

 

 

 

Se sisteposten her:

http://groups.google...943b1fabc?pli=1

Endret av robgar
  • Liker 1
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...