Médiaforma

Un rectangle vide avec un contour

Print Friendly

Dans cette rubrique, vous allez apprendre à tracer une bordure autour d’un rectangle avec la fonction strokeRect(). La couleur de la bordure sera définie avec la propriété strokeStyle et son épaisseur avec la propriété lineWidth.

Voici le code utilisé :

Lorsque l’utilisateur appuie sur le bouton, la fonction JavaScript contour() est exécutée. La ligne 13 définit la variable el pour faciliter l’accès au canevas. La ligne 14 récupère le contexte du canevas. Il ne reste plus qu’à initialiser les propriétés strokeStyle, pour définir la couleur du contour, et lineWidth pour définir l’épaisseur du contour. La fonction strokeRect() dessine le contour.

Voici le résultat dans Internet Explorer :

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply