HTML canvas fill() Metodu

Tanım ve Kullanım

fill() Metod, mevcut görseli (yolu) doldurur. Varsayılan renk siyahdır.

İpucu:Lütfen fillStyle özellik, başka bir renk veya doğramayı doldurmak için kullanılır.

Açıklama:Eğer yol kapatılmamışsa, o zaman fill() Metod, yolların bitiş noktasından başlangıç noktasına doğru bir çizgi ekler, böylece yolu kapatır ve ardından doldurur.

Örnek

150*100 piksel genişliğinde bir daire çizin ve ardından yeşil ile doldurun:

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="green";
ctx.fill();

Deneyimleyin

Gramer

context.fill();

Tarayıcı Desteği

Tablo'daki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

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.