Alphabetische Liste der HTML- und XHTML-Elemente
(Auszug aus "HTML & XHTML ─ kurz & gut" von Jennifer Niederst Robbins)
A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z
HTML 5 |
canvas
<canvas> ... </canvas>
Steht für einen zweidimensionalen Bereich, der für die Darstellung dynamischer Bitmap-Grafiken, z. B. Diagramme oder Spiele verwendet werden kann. Das Bild auf dem canvas (der "Leinwand") wird mit Skripten erzeugt.
Hinweise
Nur HTML 5.
Das canvas-Element ist eines der bereits recht gut von Browsern unterstützten HTML 5-Elemente. Grundsätzliche Unterstützung bieten z. B. Firefox 2.0+, Safari 3.1+, Chrome 1.0+ und Opera 9.0+. Für Internet Explorer 9 wurde die Unterstützung bereits angekündigt. In der Zwischenzeit können Entwickler auf den ExplorerCanvas-Workaround zurückgreifen. Eine Arbeitsgruppe beschäftigt sich damit, wie die Barrierefreiheit im Zusammenhang mit canvas verbessert werden kann.
Start-/End-Tag
Erforderlich/Erforderlich
Attribute
-
height="Zahl"
Definiert die Höhe des canvas-Bereichs in CSS-Pixeln.
-
width="Zahl"
Definiert die Breite des canvas-Bereichs in CSS-Pixeln.
Beispiel
<html>
<head>
<script type="application/x-javascript">
function draw() {
var canvas = document.getElementById("box");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "rgb(163, 120, 240)";
ctx.fillRect (55, 50, 75, 100);
}
</script>
</head>
<body onload="draw()">
<canvas id="box" width="250" height="250"></canvas>
</body>
</html>
Tipp der data2type-Redaktion: Zum Thema HTML & XHTML bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2010 O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "HTML & XHTML ─ kurz & gut" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
O’Reilly Verlag GmbH & Co. KG, Balthasarstraße 81, 50670 Köln, kommentar(at)oreilly.de