Canvas clearRect() Metodu

Tanım ve Kullanım

clearRect() Belirtilen矩形的内部指定像素清空的方法。

Örnek

Belirtilen矩形的内部清空一个矩形:

Tarayıcınız HTML5 canvas etiketini desteklememektedir.

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);

Kişisel olarak deneyin

Dilim

context.clearRect(x,y,width,height);

Parametre değeri

Parametre Açıklama
x Temizlenmesi gereken矩形的左上角的 x koordinatı
y Temizlenmesi gereken矩形的左上角的 y koordinatı
width Temizlenmesi gereken dikdörtgenin genişliği, piksel olarak
height Temizlenmesi gereken dikdörtgenin yüksekliği, piksel olarak

Tarayıcı desteği

Tablo içindeki 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.