HTML canvas fill() Metode
Voorbeeld
Teken twee 150*100 pixels reghoeke. Vul een met 'n rooi kleur en die ander met 'n blou kleur:
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();
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die metode ten volle ondersteun.
Method | |||||
---|---|---|---|---|---|
fill() | Yes | 9.0 | Yes | Yes | Yes |
Definisie en gebruik
Die fill() metode vul die huidige tekening (pad). Die verstekkleur is swart.
Wenk: Gebruik die fillStyle- eienskap om met 'n ander kleur/gradiënt te vul.
Let wel: As die pad nie gesluit is nie, sal die fill() metode 'n lyn vanaf die laaste punt by die beginpunt van die pad voeg om die pad te sluit (soos closePath() ), en dan die pad vul.
JavaScript-sintaksis: | konteks .fill(); |
---|
❮ HTML-doekverwysing