HTML canvas clearRect() metodu
Tanım ve Kullanım
clearRect() Belirtilen dikdörtgenin içinde belirli pikselleri temizleyen yöntem.
Örnek
Belirtilen dikdörtgen içinde bir dikdörtgeni temizle:
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);
Sözdizimi
context.clearRect(x,y,width,height);
Parametre Değeri
| Parametre | Açıklama |
|---|---|
| x | Temizlenmesi gereken düzgenin sol üst köşesinin x koordinatı |
| y | Temizlenmesi gereken düzgenin sol üst köşesinin y koordinatı |
| width | Temizlenmesi gereken düzgenin genişliği, piksel olarak |
| height | Temizlenmesi gereken düzgenin yüksekliği, piksel olarak |
Tarayıcı Desteği
Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Açıklama:Internet Explorer 8 ve daha eski sürümler <canvas> elementini desteklememektedir.
