SVG steht für Scalable Vector Graphics.
SVG definiert vektorbasierte Grafiken im XML-Format.
Beispiele in jedem Kapitel
Mit unserem "Versuchen Sie es selbst" Editor können Sie die SVG zu bearbeiten, und klicken Sie auf eine Schaltfläche, um das Ergebnis zu sehen.
SVG Beispiel
<html>
<body>
<h1>My first SVG</h1>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40"
stroke="green" stroke-width="4" fill="yellow"
/>
</svg>
</body>
</html>
Versuch es selber " Was sollten Sie bereits wissen,
Bevor Sie fortfahren, sollten Sie ein grundlegendes Verständnis der folgenden haben:
- HTML
- Basis XML
Wenn Sie diese Themen zuerst studieren wollen, finden Sie die Tutorials auf unserer Startseite .
Was ist SVG?
- SVG steht für Scalable Vector Graphics
- SVG wird verwendet, vektorbasierte Grafiken für das Web zu definieren
- SVG definiert die Grafiken im XML-Format
- SVG-Grafiken verlieren keine Qualität, wenn sie vergrößert oder verkleinert
- Jedes Element und jedes Attribut in SVG-Dateien können animiert werden
- SVG ist eine W3C-Empfehlung
- SVG integriert mit anderen W3C-Standards wie dem DOM und XSL
SVG ist eine W3C-Empfehlung
1.0 SVG wurde eine W3C-Empfehlung am 4. September 2001.
SVG 1.1 wurde eine W3C-Empfehlung vom 14. Januar 2003.
SVG 1.1 (Second Edition) wurde zu einer W3C - Empfehlung am 16. August 2011 eingetragen .
SVG Vorteile
Vorteile von SVG über andere Bildformate (wie JPEG und GIF) sind:
- SVG-Bilder können mit einem beliebigen Texteditor erstellt und bearbeitet werden
- SVG-Bilder können durchsucht, indexiert scripted werden und komprimiert
- SVG-Bilder sind skalierbar
- SVG-Bilder mit hoher Qualität bei jeder Auflösung gedruckt werden
- SVG - Bilder sind zoombar (and the image can be zoomed without degradation)
- SVG ist ein offener Standard
- SVG-Dateien sind reine XML
Der Hauptkonkurrent zu SVG ist Flash.
Der größte Vorteil SVG hat über Flash - die Übereinstimmung mit anderen Standards (eg XSL and the DOM) . Flash-basiert auf proprietäre Technologie, die nicht Open Source ist.
Erstellen von SVG-Bildern
SVG - Bilder können mit einem beliebigen Texteditor erstellt werden, aber es ist oft bequemer SVG - Bilder mit einem Zeichenprogramm, wie zu erstellen Inkscape .