En son web geliştirme öğreticiler
 

HTML canvas fill() Method

<HTML Tuval Referans

Örnek

İki çizin 150*100 piksel dikdörtgenler. kırmızı renk ve mavi renk ile Birini diğeriyle doldurun:

YourbrowserdoesnotsupporttheHTML5canvastag.

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

<HTML Tuval Referans