Canvas (HTML-Element)
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.[1] 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
Neben normalen Linien- und Rechteckszeichenfunktionen ermöglicht Canvas unter anderem das Zeichnen von:
- Kreisbögen
- Bézierkurven (quadratisch und kubisch)
- Farbverläufen
- Grafiken (Formate: PNG, GIF, JPEG), die skaliert, positioniert und beschnitten werden können
- Transparenz (mit mehreren Abstufungen)
- Text
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
Canvas wird von aktuellen Browsern nativ unterstützt.[2]
Microsofts Internet Explorer unterstützt Canvas ab Version 9. Alte Versionen können jedoch mit Plugins, welche von Mozilla und Google zur Verfügung gestellt werden, um die Canvas-Funktion erweitert werden.[3][4]
Siehe auch
Weblinks
- Offizielle Canvas-Beschreibung (englisch)
- Einführung in Canvas
- Ausführliches Canvas-Tutorial bei Mozilla.org (englisch)
- canvas.quaese.de – Dokumentation, Einleitungen mit Beispielen, weiterführende Links
Einzelnachweise
- ↑ Fingerprinting mit HTML5 Canvas Elementen blockieren. In: Privacy-Handbuch. Abgerufen am 18. Januar 2019.
- ↑ Support tables for HTML5, CSS3, etc. Abgerufen am 26. April 2018 (englisch).
- ↑ "Mozilla drags IE into the future with Canvas element plugin". Ars Technica, abgerufen am 27. Juli 2011 (englisch).
- ↑ "ExplorerCanvas". Sourceforge, abgerufen am 29. November 2011 (englisch).
Content Disclaimer
Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.
- The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
- There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
- It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
- Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
- Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.