HTML/Elemente/canvas
Aus SELFHTML-Wiki
Das canvas-Element stellt eine Zeichenfläche zur Verfügung, in der mit Hilfe von JavaScript Grafiken gezeichnet, Animationen erstellt und vieles mehr pixelbasiert gezeichnet werden kann.
Beispiel
<canvas>
<p>Ihr Browser unterstützt die Anzeige von canvas-Elementen nicht.</p>
<p>Diese Grafik zeigt ein …</p>
</canvas>
Beachten Sie: Fehlt der End-Tag des canvas-Elements, wird der Rest des HTML-Dokuments als Fallback betrachtet und nicht angezeigt.
Empfehlung: Die Maße sollten als Attribute und nicht über CSS angegeben werden.
Siehe auch
- JavaScript/Canvas – Hier erfahren Sie, wie Sie die Möglichkeiten von Canvas anwenden können.
- JavaScript/WebGL
Weblinks
- W3C: the canvas-element
Syntax | Start-Tag: notwendig End-Tag: notwendig <canvas>…</canvas> |
---|---|
WAI-ARIA-Rolle |
|
Elternelemente | Darf vorkommen in:
Info: Fluss-Elemente (flow content)Info: Fluss-Elemente (flow content)
Info: Stil-Elemente (phrasing content)Info: Stil-Elemente (phrasing content) Information: Fluss-Elemente
Information: Stil-Elemente
|
erlaubte Inhalte |
Information: Transparenz Ein Element wird als transparent bezeichnet, wenn es keine neuen Regeln hinsichtlich seines Inhaltes aufstellt. Die erlaubten Inhalte sind genau die Inhalte, die auch im Elternelement erlaubt sind. Transparente Elemente können entfernt werden, ohne dass das Dokument invalide wird.
|
Name | Inhalt | Standardwert | Bedeutung |
---|---|---|---|
Universalattribute | |||
id | ID | identifiziert ein einziges Element innerhalb eines Dokuments | |
class | CDATA | ordnet ein Element einer oder mehreren Klassen zu. | |
accesskey | ID | Tastaturkürzel | |
contenteditable | CDATA | editierbarer Inhalt | |
contextmenu | definiert Kontextmenü | ||
dir | ltr, rtl | definiert die Schreibrichtung innerhalb des Dokuments | |
draggable | ID | kann mit Drag & Drop gezogen werden | |
dropzone | CDATA | Aktion bei Ablegen | |
hidden | versteckter Inhalt | ||
lang | NAME | legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766] | |
spellcheck | ID | Rechtschreibprüfung | |
style | CDATA | notiert direkt in einem Element- style sheet data | |
tabindex | NAME | zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird. | |
title | CDATA | betitelt oder beschreibt ein Element. | |
width | CDATA | 300 | Breite in CSS-Pixel |
height | CDATA | 150 | Höhe in CSS-Pixel |
Attribut: Pflichtattribut
Attribut: optionales Attribut