molily: Animierter Kreis erzeugen

Beitrag lesen

Hallo!

ich hab auf http://www.alextv.de/team/ hier ganz nach unten Scrollenb einen schönen Kreis Effekt gesehen (dieser wird dynamisch aufgebaut.

Dort wird per JavaScript auf ein HTML5-canvas-Element gezeichnet.

http://wiki.selfhtml.org/wiki/HTML/Multimedia_und_Grafiken/Canvas
http://wiki.selfhtml.org/wiki/JavaScript/API/Canvas
https://developer.mozilla.org/de/docs/Web/Guide/HTML/Canvas_Tutorial
http://www.peterkroener.de/eine-kleine-canvas-einfuehrung/

Das heißt, hier wird ein Kreisbogen und ein Text gezeichnet. De Animation selbst ist mit JavaScript umgesetzt, jeden Frame wird der Canvas gelöscht und ein etwas größerer Kreisbogen gezeichnet.

Dieses jQuery-Plugin wird verwendet:
http://rendro.github.io/easy-pie-chart/

Grüße
Mathias