Mit Canvas ist es seit HTML5 möglich, mit JavaScript Vektorgrafiken zu erzeugen und diese auch zu animieren. Das Design dieser Internetseite basiert beispielsweise vollständig auf dem Canvas-Element. Durch das dynamische Erzeugen von Grafikelementen bieten sich so ganz neue Gestaltungsmöglichkeiten für Internetseiten. Aus diesem Grunde möchte ich in Zukunft den Schwerpunkt meiner Arbeit auf Canvas setzen
Ältere Versionen des Internet Explorers haben noch Probleme mit aufwendigeren Animationen, wie Sie unten verlinkt sind. Sollten Sie also den Internet Explorer 8 oder älter verwenden bedenken Sie, dass es zu kompatiblitätzproblemen kommen kann. Diese können auch zum Absturz des Browsers führen! Ich empfehle Ihnen daher, in diesem Fall einen anderen Browser zu verwenden!
Einige Beispiele für Animationen mit Canvas:
Mit JavaScript und Canvas ist es auch möglich, das Design völlig losgelöst vom Inhalt zu verändern. Ich habe mir das zu Nutze gemacht, um Ihnen einmal verschiedene Designs vorzustellen. Wählen Sie einfach mit den Ziffern zwischen den Designs hin und her. Möchten Sie das Menü minimieren, so klicken Sie auf "»".