<svg> Tag - SVG Grafiken anzeigen
Zeigt eine SVG-Grafik im Browser an:
<svg width="200" height="200">>
<rect
style="fill:#bfda51;fill-opacity:1;stroke-width:0.26458332"
id="rect815"
width="100"
height="80"
x="7.6838136"
y="6.8939095" />
<ellipse
style="fill:#bf1151;fill-opacity:1;stroke-width:0.26458332"
id="path817"
cx="80"
cy="65"
rx="50"
ry="50" />
</svg>
Verwendung
Mit dem svg
Tag können Sie SVG-Grafiken direkt im Browser anzeigen und zeichnen. Diese können z.B. auch mit Java-Script verändert werden um Animationen darzustellen. Da es
sich um Vektorgrafiken handelt, können diese beliebig skaliert werden. Die Größe im Browser wird mittels der Attribute width
und height
festgelegt.
Darstellung