HTML <canvas> Tag

Snelmenu:

VoorbeeldVoorbeeld:
<canvas id="demo">
De canvas-tag wordt niet ondersteund door uw browser!
</canvas>
<script>
var voorbeeld = document.getElementById('demo');
var contex = voorbeeld.getContext('2d');
// rood
contex.fillStyle = "#FF0000";
contex.fillRect(0,0,200,160);
// geel
contex.fillStyle = "#FFFA00";
contex.fillRect(40,28,120,90);
</script>


Beschrijving

De <canvas> tag wordt gebruikt om afbeeldingen te tekenen en animaties te weergeven door gebruik te maken van scripts, meestal wordt hiervoor gebruik gemaakt van JavaScript.


Browser ondersteuning

Het element wordt ondersteund door de volgende browsers:

Element:
<canvas> Ja Ja Ja Ja Ja Ja


Attributen

De volgende attributen worden door het <canvas> element ondersteund:

Versie Attribuut Waarde Beschrijving
HTML5 height pixels Wordt gebruikt om de hoogte van een canvas in te stellen.
HTML5 width pixels Wordt gebruikt om de breedte van een canvas in te stellen.

Event attributen

De <canvas> tag ondersteunt ook de Event attributen in HTML.

Globale attributen

De <canvas> tag ondersteunt ook de Globale attributen in HTML.


Ad blocker gedetecteerd!
  Ons website heeft gedetecteerd dat u een Ad blocker gebruikt. Codecenter.nl is gratis, wij blijven overeind door het weergeven van advertenties en u kunt ons daarbij helpen. Het wordt aanbevolen om uw Ad blocker uit te schakelen zodat u verder gebruik kunt maken van codecenter.nl, alvast bedankt.