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

Globale HTML 5-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