Java Script: Das umfassende Referenzwerk

22.3 SVG: Scalable Vector Graphics

SVG ist eine XML-Grammatik für Grafiken. Der Begriff »Vektor« im Namen zeigt bereits, dass diese Grafiken grundsätzlich anders aufgebaut sind als Rasterbildformate (wie z.B. GIF, JPEG und PNG), die eine Matrix mit Pixelwerten angeben. Vielmehr ist eine SVG-»Abbildung« eine genaue, auflösungsunabhängige (und dadurch »skalierbare«) Beschreibung der notwendigen Schritte zum Zeichnen der gewünschten Grafik. Hier sehen Sie, wie ein einfaches SVG-Bild im Textformat aussieht:

<!-- Starte eine SVG-Abbildung, und deklariere unseren Namensraum --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"> <!-- Koordinatensystem für die Abbildung --> <defs> <!-- Lege ein paar Definitionen an, --> <!-- die wir benutzen ...