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
contexte.strokeRect(x, y, largeur, hauteur);
Exemple
Dessinons un rectangle avec
strokeRect :
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let 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
