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:

Din webbläsare stöder inte HTML5 canvas-etiketten.

JavaScript:

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

Prova själv

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.