HTML <canvas> Tag
Snelmenu:
Voorbeeld:
<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> |  |
|
|
|
|
|
Attributen
De volgende attributen worden door het <canvas> element ondersteund:
 |
Attribuut | Waarde | Beschrijving |
|---|---|---|---|
 |
height | pixels | Wordt gebruikt om de hoogte van een canvas in te stellen. |
|
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. |