HTML <canvas> Tag

Beschreibung

Die HTML <canvas> Tag ist für das Zeichnen Grafiken, Animationen etc. mit Hilfe von Skripten.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>HTML Canvas Tag</title>
</head>
<body>
<canvas id="newCanvas">Your browser does not support canvas tag.</canvas>
<script>
var c=document.getElementById('newCanvas');
var ctx=c.getContext('2d');
ctx.fillStyle='#00FD00';
ctx.fillRect(0,0,200,60);
</script>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

Global Attribute

Dieser Tag unterstützt alle globalen Attribute beschrieben - HTML Attribute Referenz

Spezifische Attribute

Die HTML <canvas> Tag auch unterstützt folgende zusätzliche Attribute:

Attribute	wert	Beschreibung
height	Pixeln	Gibt Höhe der Leinwand.
width	Pixeln	Gibt Breite der Leinwand.

Event Attributes

Dieser Tag unterstützt alle in beschriebene Ereignis Attribute -HTML Events Referenz

Browser -Unterstützung

Chrome	Firefox	IE	Opera	Safari	Android
ja	ja	ja	ja	ja	?

html_tags_reference.htm