Beispiel
Deaktivieren Sie ein Rechteck innerhalb eines bestimmten 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);
Versuch es selber " Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Methode vollständig unterstützt.
Methode | |||||
---|---|---|---|---|---|
clearRect() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definition und Verwendung
Die clearRect() Methode löscht die spezifizierten Pixel innerhalb eines gegebenen Rechtecks.
JavaScript-Syntax: | context . clearRect( x,y,width,height ) ; |
---|
Parameterwerte
Parameter | Beschreibung | Spiel es |
---|---|---|
x | Die x-Koordinate der linken oberen Ecke des Rechtecks löschen | Spiel es " |
y | Die y-Koordinate der linken oberen Ecke des Rechtecks löschen | Spiel es " |
width | Die Breite des Rechtecks zu löschen, in Pixel | Spiel es " |
height | Die Höhe des Rechtecks zu löschen, in Pixel | Spiel es " |
<Canvas Object