SVG - fill animieren, aber wie?

[Matthias Scharwies]

Servus!

Mal einen Kreis in SVG, speicher ihn und lad' ihn hier hoch. https://maxwellito.github.io/vivus-instant/

Wie kann man einen gezeichneten Kreis mit Farbe füllen?

Eine Animation der fill-Eigenschaft von none auf red würde ja sprunghaft erscheinen. Ich hab mal eine CSS-Animation von fill-opacity gemacht. Rechts gibt es zwei SMIL-Animationen, die ich eigentlich vermeiden wollte.

(Um Animation zu wiederholen; Grafik im neuen Tab laden!)

Hat jemand noch Ideen?

Ein zweites Element, dessen Pfad animiert wird, wäre auch zu schwierig, um die Funktionsweise zu erklären.

Herzliche Grüße

Matthias Scharwies