HTML canvas strokeRect() metode

Definition og brug

strokeRect() Metode til at tegne en rektangel (uden farve). Standard farve for pen strek er sort.

Bemærk:Brug strokeStyle Egenskaber bruges til at sætte farve, gradient eller mønster for pen strek.

Eksempel

Tegn en 150*100 pixels stor rektangel:

Din browser understøtter ikke HTML5 canvas tagget.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);

Prøv det selv

Syntaks

context.strokeRect(x,y,width,height);

Parameter værdi

Parameter Beskrivelse
x Rektanglets øverste venstre x-koordinat.
y Rektanglets øverste venstre y-koordinat.
width Rektanglets bredde, målt i pixels.
height Rektanglets højde, målt i pixels.

Browser support

Tal 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.