HTML-Canvas clearRect()-Methoden
Beispiele
Löschen Sie ein Rechteck innerhalb des angegebenen Rechtecks:
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);
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(0,0,300,150);
ctx.clearRect(20,20,100,50);
Selbst ausprobieren »
Browser-Unterstützung
Internet Explorer 9, Firefox, Opera, Chrome und Safari unterstützen die clearRect()-Methode.
Hinweis:Internet Explorer 8 und frühere Versionen unterstützen das <canvas>-Element nicht.
Definition und Verwendung
Die clearRect()-Methode löscht die angegebenen Pixel innerhalb eines gegebenen Rechtecks.
| JavaScript-Syntax: | context.clearRect(x,y,width,height); |
|---|
Parameterwerte
| Parameter | Beschreibung |
|---|---|
| x | Die x-Koordinate der oberen linken Ecke des zu löschenden Rechtecks. |
| y | Die y-Koordinate der oberen linken Ecke des zu löschenden Rechtecks. |
| width | Die Breite des zu löschenden Rechtecks in Pixeln. |
| height | Die Höhe des zu löschenden Rechtecks in Pixeln. |
HTML-Canvas-Referenz Andere Erweiterungen