Canvas fillRect() metode
Definering og brug
fillRect() Metoden til at tegne en "fyldt" rektangel. Standard fyld farve er sort.
Tip:Ved at bruge fillStyle Egenskaber til at sætte farve, gradient eller mønster til at fylde tegning.
Eksempel
Tegn en fyldt rektangel på 150*100 pixels:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);
Syntaks
context.fillRect(x,y,width,højde);
Parameterværdi
| Parameter | Beskrivelse |
|---|---|
| x | Rektanglets øverste venstre x-koordinat. |
| y | Rektanglets øverste venstre y-koordinat. |
| width | Rektanglets bredde, målt i pixels. |
| højde | Rektanglets højde i pixels. |
Browserunderstøttelse
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.
