Scaled Vektor Grafiken gehört die Zukunft
Vorteile
SVG gilt als das Grafik-Format der Zukunft weil es
|
Nachteil des SVG-Formats ist, dass viele Browser nicht den vollen Funktionsumfang von SVG anzeigen können
Das gilt leider auch für moderne Browser auf Smartphones und Tabletts(Stand 2019):
Browser | Unterstützung |
Opera >=11 | > 95 % |
Chrome >=9 | > 89 % |
Safari >=5 | > 83 % |
Firefox >=4 | > 82 % |
MS IE >=9 | > 60 % |
MS IE <9 | keine |
Einbettung
extern: | <img src='grafic.svg' title='SVG external' /> |
intern: | <svg .. title='SVG internal' > </svg> |
Grundgerüst eines SVG
<svg viewBox='Xnull,Ynull Breite, Hoehe' > Zeichen-Befehle </svg> |
Embedded | External |
<svg width='50%' viewBox='0,0 480,320' > <circle cx='240' cy='160' r='150' stroke='blue' stroke-width='3' fill='orange' /> </svg> |
<img src='_img/demo.svg' width='50%'/><svg xmlns='http://www.w3.org/2000/svg' viewBox='0,0 480,320' > <circle cx='240' cy='160' r='150' stroke='blue' stroke-width='3' fill='orange' /> </svg> |
|