<canvas> Tag - Zeichenfläche
Beispiel:
<canvas id="zeichnen" height="200" width="200"></canvas>
<script>
var canvas = document.getElementById("zeichnen");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#CC00EE";
ctx.fillRect(0, 0, 80, 80);
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(200,200);
ctx.stroke();
</script>
Verwendung
Mit dem canvas Tag erstellen Sie eine Zeichenfläche, in diese kann, z.B. mit Java-Script-Funktionen, gezeichnet werden. Dies erlaubt das dynamische Erstellen von Grafiken direkt
im Browser.
Attribute
| Attribut | Wert | Beschreibung |
| height | Pixel | Höhe in Pixeln |
| width | Pixel | Breite in Pixel |