HTML canvas fill() metod
Definition och användning
fill()
Metoden fyller aktuellt bild (väg). Standardfärgen är svart.
Tips:Använd fillStyle egenskap för att fylla med en annan färg/toning.
Kommentar:Om vägen inte är stängd, då fill()
Metoden lägger till en linje mellan slut- och början av sökvägen för att stänga vägen, och fyller sedan vägen.
Exempel
Rita en rektangel på 150x100 pixlar och fyll den med grönt:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.rect(20,20,150,100); ctx.fillStyle="green"; ctx.fill();
Syntax
context.fill();
Webbläsarstöd
Tal i tabellen anger den första webbläsarversionen som helt stöder denna egenskap.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Kommentar:Internet Explorer 8 och tidigare versioner stöder inte <canvas>-elementet.