Örnek
Dolu bir çizme 150*100 piksel dikdörtgen:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);
Kendin dene " Tarayıcı Desteği
Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtin.
| Yöntem | |||||
|---|---|---|---|---|---|
| fillRect() | Evet | 9.0 | Evet | Evet | Evet |
Tanımı ve Kullanımı
fillRect() yöntemi, bir çekilişi "filled" dikdörtgen. dolgu varsayılan renk siyahtır.
Tip: kullan fillStyle çizim doldurmak için kullanılan bir renk, degrade veya desen ayarlamak için özellik.
| JavaScript sözdizimi: | context . fillRect( x,y,width,height ) ; |
|---|
Parametre Değerleri
| Parametre | Açıklama | Oynat |
|---|---|---|
| x | dikdörtgenin sol üst köşesinin x koordinatı | Oynat " |
| y | dikdörtgenin sol üst köşesinin y koordinatı | Oynat " |
| width | piksel olarak dikdörtgen genişliği, | Oynat " |
| height | piksel dikdörtgenin yüksekliğinin | Oynat " |