HTML canvas fill() -menetelmä
Määrittely ja käyttö
fill() Metodi täyttää nykyisen kuvan (polun). Oletusväri on musta.
Vinkki:Käytä fillStyle ominaisuus täyttää toisen väriä tai väriäisyyttä.
Huomautus:Jos polku ei ole suljettu, niin fill() Metodi lisää viivan polun loppupisteestä alkupisteeseen sulkeakseen polun ja täyttää sitten polun.
Esimerkki
Riisuta 150*100 pikselin nelikulmion ja täytä se vihreällä:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="green";
ctx.fill();
Syntaksi
context.fill();
Selaimen tuki
Taulukossa olevat numerot osoittavat ensimmäisen version, joka tukee tätä ominaisuutta täysin.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Huomautus:Internet Explorer 8 ja aikaisemmat versiot eivät tue <canvas> -elementtiä.
