<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>

Online testen

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