HTML <canvas> breedte Attribuut
Voorbeeld
Een <canvas> element met een hoogte en breedte van 200 pixels:
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
Het widthattribuut specificeert de breedte van het
<canvas>element, in pixels.
Tip: gebruik het height
attribuut om de hoogte van het
<canvas>element in pixels op te geven.
Tip: Elke keer dat de hoogte of breedte van een canvas opnieuw wordt ingesteld, wordt de canvasinhoud gewist (zie voorbeeld onderaan de pagina).
Tip: leer meer over het
<canvas>element in onze
HTML Canvas-zelfstudie .
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die het kenmerk volledig ondersteunt.
| Attribute | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Syntaxis
<canvas width="pixels">
Attribuutwaarden
| Value | Description |
|---|---|
| pixels | Specifies the width of the canvas, in pixels (e.g. "100"). Default value is 300 |
Meer voorbeelden
Voorbeeld
Wis het canvas door het kenmerk width of height in te stellen (met JavaScript):
<canvas id="myCanvas" width="200" height="200" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#92B901";
ctx.fillRect(50, 50, 100, 100);
function clearCanvas() {
c.height = 300;
}
</script>
❮ HTML <canvas>-tag