Örnek
dolu bir 150 x 100 piksel dikdörtgen çizer:
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() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
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 " |
<Tuval Nesne