HTML canvas clearRect() methode
Definitie en gebruik
clearRect() Methode om de specifieke pixels binnen een gegeven rechthoek te wissen.
Voorbeeld
Een rechthoek binnen een gegeven rechthoek leegmaken:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(0,0,300,150);
ctx.clearRect(20,20,100,50);
Syntax
context.clearRect(x,y,width,height);
Parameterswaarden
| Parameters | Beschrijving |
|---|---|
| x | x-coördinaat van de linkerkantbovenhoek van het rechthoekige gebied dat moet worden schoongemaakt |
| y | y-coördinaat van de linkerkantbovenhoek van het rechthoekige gebied dat moet worden schoongemaakt |
| width | Breedte van het rechthoekige gebied dat moet worden schoongemaakt, uitgedrukt in pixels |
| height | Hoogte van het rechthoekige gebied dat moet worden schoongemaakt, uitgedrukt in pixels |
Browserondersteuning
De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Opmerking:Internet Explorer 8 en oudere versies ondersteunen geen <canvas> element.
