Örnek
İki çizin 150*100 piksel dikdörtgenler. kırmızı renk ve mavi renk ile Birini diğeriyle doldurun:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill();
ctx.beginPath();
ctx.rect(40, 40, 150, 100);
ctx.fillStyle = "blue";
ctx.fill();
Kendin dene " Tarayıcı Desteği
Tablodaki rakamlar tam yöntemini destekleyen ilk tarayıcı sürümü belirtin.
Yöntem | |||||
---|---|---|---|---|---|
fill() | Evet | 9.0 | Evet | Evet | Evet |
Tanımı ve Kullanımı
fill() metodu mevcut çizim doldurur (path) . Varsayılan renk siyahtır.
Tip: kullan fillStyle başka bir renk / degrade ile doldurmak için özellik.
Note: yolu kapalı değilse, fill() metodu yolunu kapatmak için yolun startpoint son noktadan bir çizgi katacak (like closePath() ) ve ardından yolu doldurun.
JavaScript sözdizimi: | context . fill() ; |
---|