Testumgebung
08.08.2026 Archiv ↗
Tägliches SVG-Experiment

Vektor-Labor

Heute zeichnen sich die Pfade selbst: Stroke-Dashoffset, animateMotion und Path-Morphing im reinen SVG-Labor. Bewege die Maus über die Szene, klicke den Kolben an & entdecke die Knoten.

Frühere Versionen
vektor-labor v08 init… MORPH 50 X:620 Y:300 — SCENE READY
01

Selbstzeichnende Pfade

stroke-dasharray + stroke-dashoffset — jede Linie zeichnet sich beim Laden selbst. Fahre mit der Maus darüber, um sie erneut zu ziehen.

02

Morphing-Geometrie

animate attributeName="d" verwandelt Pfade kontinuierlich ineinander — organische Blasen aus strengen Kurven.

03

Orbitale Systeme

animateMotion mit mpath fährt Partikel exakt auf Kurven — Elektronen, Satelliten, Energie-Pulse.