Scalable Vector Graphics (SVG)

Scalable Vector Graphics (SVG), deutsch Skalierbare Vektorgrafiken, ist ein Standard zur Beschreibung zweidimensionaler Vektorgrafiken mit XML. Ich mag SVG unheimlich gerne. Auf Alphane Moon möchte ich meine Fortschritte beim Erforschen und Kennenlernen dieser wunderbaren Sprache festhalten. Man kann so schöne grüne Grafiken mit SVG machen.

Einige Effekte und Animationen funktionieren bisher nur in sehr wenigen Browsern. Vor allem den Browser Opera in der Version 9 kann ich sehr empfehlen. Opera really rocks!

Es folgt eine nach Themen geordnete Sammlung aller Artikel, die ich bisher über Scalable Vector Graphics (SVG) geschrieben habe. Es werden hoffentlich noch sehr viele.

Clipping, Masking und Compositing

  1. Clipping mit clipPath (Coming soon!)
  2. Masking (Coming soon!)

Filter Effekte

  1. Dark Glow Visuals

Optische Täuschungen mit SVG

  1. Ouchi-Illusion mit SVG
    Die Ouchi-Illusion ist eine optische Täuschung, benannt nach dem japanischen Künstler Hajime Ouchi. Ich habe die Ouchi-Illusion mit SVG nachgebaut. In einer animierten Version wird die Illusion noch viel deutlicher, sie funktioniert aber nur in Opera.

Fraktale und Iterierte Funktionen-Systeme (IFS) mit SVG

  1. Sierpinski-Dreiecke mit Scalable Vector Graphics
    In diesem Artikel zeige ich, wie man Sierpinski-Dreiecke mit Scalable Vector Graphics konstruieren kann.

Tests, Versuche und Experimente

  1. Inline-SVG-Test für Browser
    Ein kleiner Test mit einem giftgrünen Vektor-Smiley, der zeigt, ob ein Browser Vektorgrafiken darstellen kann, die in XHTML eingebettet sind (Inline-SVG).

Ressourcen

  1. Linksammlung XML-Spezifikationen