Canvas strokeRect() metode
Definition og brug
strokeRect() Metode til at tegne rektangel (uden farve). Standard farve for penlstrek er sort.
Tips:Brug strokeStyle Egenskaber til at sætte farve, gradient eller mønster for penlstrek.
Eksempel
Tegn et rektangel på 150*100 pixels:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);
Syntax
context.strokeRect(x,y,width,højde);
Parameterværdi
| Parameter | Beskrivelse |
|---|---|
| x | x-koordinaten for rektanglets øvre venstre hjørne. |
| y | y-koordinaten for rektanglets øvre venstre hjørne. |
| width | Rektangulare bredde, målt i pixels. |
| højde | Rektanglets højde i pixels. |
Browserstøtte
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.
