Das HTML-Element <canvas>

Bedeutung:

Definiert eine Grafik

Beispiel:

1
2
3
4
5
6
7
<canvas id="die_Leinwand" ></canvas>
<script type="text/javascript">
  var canvas = document.getElementById('die_Leinwand');
  var context = canvas.getContext('2D');
  context.fillStyle = '#00FF00';
  context.fillRect(0,0,120,100);
</script>

Attribute:

Name Wert Beschreibung
height Pixel Legt die Höhe der Grafik fest
width Pixel Legt die Weite der Grafik fest