Eine einfache Anmination mit dem Canvas-Element

Das Canvas-Element ermöglicht das Zeichnen beliebiger Bitmaps im Browser. Damit lassen sich Animationen, Effekte und Interfaces, für die man früher Flash genommen hätte, einfach mit HTML und JavaScript umsetzen. Das Canvas-Element selbst ist ein natives Browser-Objekt, das man mit CSS stylen kann und dessen Inhalt man mit Rechtsklick → speichern unter wie ein normales Bild herunterladen kann.

Und das beste: Es funktioniert sogar im Internet Explorer 6.

Dein Browser kann diese Grafik nicht darstellen :(

Steuerung der Animation


Kommawerte mit Punkt als Trennzeichen eingeben.

Zurück zu html5-buch.de