Canvas fill() metoden

Definisjon og bruk

fill() Metoden fyller det nuværende bilde (stien). Standardfargen er sort.

Tip:Brug fillStyle egenskab for at fylle med en anden farve/toning.

Bemærk:Hvis stien ikke er lukket, så fill() Metoden tilføjer en linje mellem slut- og startpunktet af stien for at lukke stien, og fylder derefter stien.

Eksempel

Tegn en 150*100 pixels rektangel, og fyll den med grøn farve:

Din browser understøtter ikke HTML5 canvas tagget.

JavaScript:

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

Prøv det selv

Syntaks

context.fill();

Browserstøtte

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Bemærk:Internet Explorer 8 og tidligere versioner understøtter ikke <canvas>-elementet.