Méthode strokeRect()
Exemple
Dessinez un rectangle de 150 x 100 pixels :
JavaScript :
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.strokeRect(20, 20, 150, 100); Description
La méthode strokeRect() dessine un rectangle sur le canvas.
La méthode strokeRect() ne modifie pas le chemin actuel.
La valeur par défaut de strokeStyle est #000000 (noir solide).
Voir aussi :
La propriété strokeStyle (Définir une couleur ou un motif de contour)
La méthode fillRect() (Dessiner un rectangle rempli)
La méthode rect() (Ajouter un rectangle au chemin)
La méthode clearRect() (effacer un rectangle sur le canvas)
Syntaxe
| context .strokeRect( x, y, width, height ) |
Valeurs des paramètres
| Param | Description | Jouez-le |
|---|---|---|
| x | La coordonnée x du coin supérieur gauche du rectangle | |
| y | La coordonnée y du coin supérieur gauche du rectangle | |
| width | La largeur du rectangle, en pixels | |
| height | La hauteur du rectangle, en pixels |
Valeur de retour
| AUCUN |
Support des navigateurs
L'élément <canvas> est une norme HTML5 (2014).
strokeRect() est pris en charge dans tous les navigateurs modernes :
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Oui | Oui | Oui | Oui | Oui | 9-11 |