Canvas (HTML-Element)

aus Wikipedia, der freien Enzyklopädie
Wechseln zu: Navigation, Suche

Ein Canvas-Element (vom englischen canvas für „Leinwand“ oder „Gemälde“) ist ein – in der Sprache HTML – mit Höhen- und Breiten-Angaben beschriebener Bereich, in den per JavaScript gezeichnet werden kann. Ursprünglich von der Firma Apple als Bestandteil des WebKit entwickelt, ist es später von der Arbeitsgruppe WHATWG als Bestandteil der Auszeichnungssprache HTML5 standardisiert worden.

Fähigkeiten[Bearbeiten]

Canvas-Referenzkarte

Neben normalen Linien- und Rechteckszeichenfunktionen ermöglicht Canvas unter anderem das Zeichnen von:

Objekte und Objektgruppen können verschoben, rotiert und skaliert werden.

Wie bei OpenGL und DirectX auch können Objekte in einem Stack abgelegt werden, was die gezielte Manipulation von Objektgruppen ermöglicht. Animationen sind mittels Verwendung von JavaScript-Zeitfunktionen möglich.

Die Ausgabe von Vektorgrafik wird nicht unterstützt.

Unterstützung[Bearbeiten]

Canvas wird nativ (also ohne Plug-Ins) von den aktuellen Versionen der Browser Internet Explorer, Firefox, Opera, Safari und Chrome unterstützt.

Alte Versionen des Internet Explorers, die heutzutage noch immer weit verbreitet sind, bieten keine Unterstützung für Canvas, da sie veröffentlicht wurden, bevor das Canvas-Element standardisiert wurde.

Hier ist eine genaue Übersicht des Canvas-Supports der beliebtesten Browser (beinhaltet die letzten 4 Veröffentlichungen):[1]

   Internet Explorer       Mozilla Firefox       Apple Safari       Google Chrome      Opera       iOS Safari       Opera Mobile       Android Browser   
Ältere Version; nicht mehr unterstützt: 6.0 Ältere Version; noch unterstützt: 3.6 Ältere Version; noch unterstützt: 3.2 Ältere Version; noch unterstützt: 14.0 Ältere Version; noch unterstützt: 11.0 Ältere Version; noch unterstützt: 3.2 Ältere Version; noch unterstützt: 10.0 Ältere Version; noch unterstützt: 2.2
Ältere Version; nicht mehr unterstützt: 7.0 Ältere Version; noch unterstützt: 9.0 Ältere Version; noch unterstützt: 4.0 Ältere Version; noch unterstützt: 15.0 Ältere Version; noch unterstützt: 11.1 Ältere Version; noch unterstützt: 4.0 - 4.1 Ältere Version; noch unterstützt: 11.0 Ältere Version; noch unterstützt: 2.3
Ältere Version; nicht mehr unterstützt: 8.0 Ältere Version; noch unterstützt: 10.0 Ältere Version; noch unterstützt: 5.0 Ältere Version; noch unterstützt: 16.0 Ältere Version; noch unterstützt: 11.5 Ältere Version; noch unterstützt: 4.2 - 4.3 Ältere Version; noch unterstützt: 11.1 Ältere Version; noch unterstützt: 3.0
Ältere Version; noch unterstützt: 9.0 Ältere Version; noch unterstützt: 14.0 Ältere Version; noch unterstützt: 6.0 Ältere Version; noch unterstützt: 21.0 Ältere Version; noch unterstützt: 12.0 Ältere Version; noch unterstützt: 5.0 - 5.1 Ältere Version; noch unterstützt: 11.5 Ältere Version; noch unterstützt: 4.0

Die alten Versionen des Internet Explorers können jedoch mit Plugins, welche von Mozilla und Google zur Verfügung gestellt werden, um die Canvas Funktion erweitert werden.[2][3]

Weblinks[Bearbeiten]

Einzelnachweise[Bearbeiten]

  1. Compatibility tables for support of HTML5, CSS3, SVG. Abgerufen am 28. März 2012.
  2. "Mozilla drags IE into the future with Canvas element plugin". Ars Technica. Abgerufen am 27. Juli 2011.
  3. "ExplorerCanvas". Sourceforge. Abgerufen am 29. November 2011.