<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>

Online testen

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

Darstellung