Canvas fillRect() metod
Definition och användning
fillRect() Metoden drawRect() används för att rita en fyllt rektangel. Standardfyllningsfärgen är svart.
Antydan:Tips: fillStyle Använd egenskaper för att ställa in färg, gradient eller mönster för fyllning av ritning.
Exempel
Rita en fyllt rektangel med 150*100 pixlar:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);
Syntax
context.fillRect(x,y,width,höjd);
Parametervärde
| Parameter | Beskrivning |
|---|---|
| x | x-koordinaten för den övre vänstra hörnet av rektangeln. |
| y | y-koordinaten för den övre vänstra hörnet av rektangeln. |
| width | Rektangulärens bredd, i pixlar. |
| höjd | Rektangels höjd, mätt i pixlar. |
Webbläsarstöd
Numrerna i tabellen anger den första webbläsarversionen som fullständigt stöder denna egenskap.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Kommentar:Internet Explorer 8 och tidigare versioner stöder inte <canvas>-elementet.
