Canvas fill() methode
Definitie en gebruik
fill() Methode om het huidige beeld (pad) in te vullen. De standaardkleur is zwart.
Tip:Gebruik fillStyle eigenschap om een andere kleur/verloop in te vullen.
Note:Als het pad niet gesloten is, dan fill() De methode voegt een lijn toe van het einde van het pad naar het beginpunt om het pad te sluiten en vult het pad vervolgens in.
Voorbeeld
Teken een rechthoek van 150*100 pixels en vul deze met groen in:
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();
Browser support
The numbers in the table indicate the first browser version that fully supports this property.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Note:Internet Explorer 8 and earlier versions do not support the <canvas> element.
