HTML5 Canvas Element

0 | 12949 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "HTML5 Canvas Element" mit Ihrem Wissen!

Anzeige Hier werben

Das in HTML 5 eingeführte Canvas-Element bietet die Möglichkeit mit Javascript auf einen Teil des Bildschirmes zu zeichnen. Damit können auch ohne Plugins komplexe Grafiken erstellt werden.

Get css Ausbildung von greycampus

Browserunterstützung

Firefox3.6Unterstützt4+Unbekannt
IE7Nein8Nein9Unbekannt
Opera11Unbekannt12Unbekannt
1+Unbekannt
Safari4Unterstützt5Unbekannt
Canvas-Element

Nur der Internet Explorer kann nicht mit dem Canvas-Element umgehen. Für den Internet Explorer gibt es aber einfach nutzbare Workarounds, sodass man das Canvas Element problemlos mit kleinen Einschränkungen in allen Browsern benutzen kann.

Canvas im Internet Explorer

ExCanvas/IECanvas

Wer derzeit schon das Canvas-Element im IE benutzen möchte kann dies aber jetzt schon mit ExplorerCanvas, dass die Canvas Zeichenbefehle in Internet Explorer VML-Formen umsetzt, verwenden.

Plugin für den Internet Explorer

Für den Internet Explorer entwickelt Vladimir Vukicevic deswegen derzeit eine Lösung als ein Plugin für den Internet Explorer, von der er hofft, sie bis Ende des Jahres 2008 anbieten zu können. Eigentlich arbeitet und experimentier Vukicevic normalerweise an Mozillas Firefox.

Derzeit befindet sich das entsprechende Plug-In für den Internet Explorer noch in Entwicklung, ein Binary zum Herunterladen gibt es bisher noch nicht. Weitere Informationen gibt es im Weblog von Vladimir Vukicevic.

Vorteile gegenüber Flash/Silverlight

Der Vorteil gegenüber einer Lösung in Flash ist, dass das ganze besser mit deiner Webseite und HTML harmoniert. Du kannst beliebige HTML-Elemente drüber legen und mit Javascript und Events super kommunizieren.

Abgrenzung gegenüber SVG

Einfacher zu implementieren/benutzen. Benötigt Programmiersprache.

Beispiel

Todo: Beispiel

Interessante Anwendungen mit Canvas

  • Viele Graphenplotter
  • Datenvisualisierungen
  • Reflektionen

Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 5 Personen an der Seite "HTML5 Canvas Element" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "HTML5 Canvas Element" hier bearbeiten.

Mitarbeiter