Méthode HTML du canevas strokeRect()

Dessinez un rectangle de 150*100 pixels :

JavaScript :

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

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la méthode.

Method
strokeRect()	Yes	9.0	Yes	Yes	Yes

La méthode strokeRect() dessine un rectangle (sans remplissage). La couleur par défaut du trait est le noir.

Astuce : Utilisez la propriété strokeStyle pour définir une couleur, un dégradé ou un motif pour styliser le trait.

Syntaxe JavaScript :	contexte .strokeRect( x,y,largeur,hauteur );

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