Méthode strokeRect

La méthode strokeRect dessine le contour d'un rectangle à un point donné. Les deux premiers paramètres spécifient les coordonnées du point où se trouvera le coin supérieur gauche du rectangle dessiné.

Syntaxe

javascriptcontexte.strokeRect(x, y, largeur, hauteur);

Exemple

Dessinons un rectangle avec strokeRect :

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.strokeRect(50, 50, 100, 75);

Результат:

Voir aussi

la méthode fillRect,
qui dessine un rectangle rempli
la méthode rect,
qui dessine un rectangle
la méthode lineTo,
qui dessine des lignes
la propriété strokeStyle,
qui définit la couleur de la ligne