HTML-doek strokeRect() Metode

Teken 'n 150*100 piksels reghoek:

JavaScript:

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

Blaaierondersteuning

Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die metode ten volle ondersteun.

Method
strokeRect()	Yes	9.0	Yes	Yes	Yes

Die strokeRect() metode teken 'n reghoek (geen vul). Die verstekkleur van die beroerte is swart.

Wenk: Gebruik die strokeStyle- eienskap om 'n kleur, gradiënt of patroon te stel om die beroerte te stileer.

JavaScript-sintaksis:	konteks .strokeRect( x,y, breedte, hoogte );

Parameter	Description	Play it
x	The x-coordinate of the upper-left corner of the rectangle
y	The y-coordinate of the upper-left corner of the rectangle
width	The width of the rectangle, in pixels
height	The height of the rectangle, in pixels