HTML canvas fillRect() metode
Definition og brug
fillRect() Metode til at tegne en 'fyldt' rektangel. Standard fyldfarve er sort.
Tip:Brug fillStyle Egenskaber bruges til at indstille farve, gradient eller mønster, der bruges til at fylde tegningen.
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,height);
Parameter værdi
| Parameter | Beskrivelse |
|---|---|
| x | Rektanglets øverste venstre x-koordinat. |
| y | Rektanglets øverste venstre y-koordinat. |
| width | Rektanglets bredde i pixels. |
| height | Rektanglets højde i pixels. |
Browserstøtte
Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter denne egenskab.
| 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.
