Skalere ned SVG-bilder via HTML/CSS

[andersfk]

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.

[robgar]

Heisann.

 

Leter for tiden etter muligheter for å skalere svg selv. Og en måte er ved å bruke javascript:

 

http://www.unet.univie.ac.at/~a9900479/svg4tom/svg4tom1.html

 

 

Men skulle gjerne likt å ikke være avhengig av javascript for noe så enkelt.

[robgar]

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 15. mars 2011 av robgar