Forum | Neueste Web-Entwicklung Tutorials
 

SVG Lernprogramm


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 .


Hi Traveller Fashion Tomorrow Startups Daily News Fit Science Amazing Baby Yup This is Japan Take Film Art In Life