imported>Eriosw: Fehlende language in Vorlagen eingefügt

2025-08-18T06:44:47Z

Fehlende language in Vorlagen eingefügt

Neue Seite

Ein '''Canvas'''-Element (vom englischen ''{{lang|en|canvas}}'' für „[[Leinwand]]“ oder „[[Gemälde]]“) ist ein – in der Sprache [[Hypertext Markup Language|HTML]] – mit Höhen- und Breiten-Angaben beschriebener Bereich, in den per [[JavaScript]] gezeichnet werden kann.<ref>{{Internetquelle |autor= |url=https://www.privacy-handbuch.de/handbuch_21t.htm |titel=Fingerprinting mit HTML5 Canvas Elementen blockieren |werk=Privacy-Handbuch |hrsg= |datum= |zugriff=2019-01-18 |sprache=}}</ref> Ursprünglich von der Firma [[Apple]] als Bestandteil des [[WebKit]] entwickelt, ist es später von der Arbeitsgruppe [[Web Hypertext Application Technology Working Group|WHATWG]] als Bestandteil der Auszeichnungssprache [[HTML5]] standardisiert worden.

== Fähigkeiten ==

[[Datei:HTML5_Canvas_referenz.png|mini|Canvas-Referenzkarte]]

Neben normalen Linien- und Rechteckszeichenfunktionen ermöglicht Canvas unter anderem das Zeichnen von:
* [[Kreisbogen|Kreisbögen]]
* [[Bézierkurve]]n (quadratisch und kubisch)
* [[Gradient (Grafik)|Farbverläufen]]
* Grafiken (Formate: PNG, GIF, JPEG), die [[Skalierung (Computergrafik)|skaliert]], positioniert und beschnitten werden können
* [[Alphakanal|Transparenz]] (mit mehreren Abstufungen)
* Text

Objekte und Objektgruppen können [[Koordinatentransformation#Verschiebung (Translation)|verschoben]], [[Koordinatentransformation#Drehung (Rotation)|rotiert]] und skaliert werden.

Wie bei [[OpenGL]] und [[DirectX]] auch können Objekte in einem [[Stapelspeicher|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 ==
Canvas wird von aktuellen Browsern nativ unterstützt.<ref>{{cite web|url=http://caniuse.com/#search=canvas|title=Support tables for HTML5, CSS3, etc|publisher=|date=| language=en |accessdate=26. April 2018}}</ref>

Microsofts [[Internet Explorer]] unterstützt Canvas ab Version 9. Alte Versionen können jedoch mit [[Plug-in|Plugins]], welche von Mozilla und Google zur Verfügung gestellt werden, um die Canvas-Funktion erweitert werden.<ref>{{cite web|url=http://arstechnica.com/software/news/2008/08/mozilla-drags-ie-into-the-future-with-canvas-element-plugin.ars|title="Mozilla drags IE into the future with Canvas element plugin"|publisher=Ars Technica|date=| language=en |accessdate=27. Juli 2011}}</ref><ref>{{cite web|url=http://excanvas.sourceforge.net/|title="ExplorerCanvas"|publisher=Sourceforge|date=| language=en |accessdate=29. November 2011}}</ref>

== Siehe auch ==

* [[Canvas Fingerprinting]]

== Weblinks ==

* [http://www.w3.org/TR/html5/embedded-content-0.html#the-canvas-element Offizielle Canvas-Beschreibung] (englisch)
* [http://www.ajaxschmiede.de/canvas/einfuehrung-in-canvas/ Einführung in Canvas]
* [https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial Ausführliches Canvas-Tutorial bei Mozilla.org] (englisch)
* [http://canvas.quaese.de/ canvas.quaese.de] – Dokumentation, Einleitungen mit Beispielen, weiterführende Links

== Einzelnachweise ==

<references />

[[Kategorie:JavaScript-Programmierschnittstelle]]

Canvas (HTML-Element) - Versionsgeschichte

imported>Eriosw: Fehlende language in Vorlagen eingefügt