svg skalieren?

[Thomas Meinike]

Hallo,

ich habe eine SVG Grafik mit

<embed id='myid' name='myn' src="images/test.svg" type="image/svg+xml" width=200 hight=200>

hight --> height

eingebunden. Jetzt will ich dieses Bild skalieren (hierfür müsste es sich ja besonders eignen, da scalable vector format).

Stichworte: interne Koordinaten vs. Benutzerkoordinaten.

Es klappt aber leider nur bedingt, denn wenn ich z.b: width=400 setze und hight=10, macht IE 6 dennoch daraus ein Bild mit den Maßen 400x400. Es wird also immer nur 1 zu 1 skaliert und nicht, wie ich es will verzerrt.

Setze im SVG-Dokument beim aeußeren SVG-Element (Wurzelelement) die passenden Werte:

  
<svg ... viewBox="0 0 200 200" width="100%" height="100%">  
  <!-- weitere Inhalte der Grafik -->  
</svg>

und im HTML-Dokument die Maße der Wahl, die dann entsprechend angepasst werden.

MfG, Thomas