Ignorer la navigation

Le langage JavaScript

Smiley

smileyEn vous aidant des informations du site  http://www.html5canvastutorials.com/tutorials/html5-canvas-arcs/

écrire le fichier "smiley.html" et  "smiley.js" qui permettent de dessiner le smiley ci-dessous sur une page HTML.

La largeur du canvas vaut 100 pixels  et sa hauteur 100 pixels.

  • Visage: position du centre : x=50 px; y=50 px - Rayon = 50 px
  • Oeil gauche: position du centre : x=30 px; y=30 px - Rayon = 10 px
  • Oeil droit: position du centre : x=70 px; y=30 px - Rayon = 10 px
  • Bouche: position du centre : x=30 px; y=50 px - Rayon = 30 px - Angle de départ= 0.8 pi - Angle de fin= 0.2 pi - épaisseur du trait = 5 px

Smiley - code Javascript incorporé dans le code HTML

Reprendre l'exercice N°1 en insérant le code JavaScript dans la page HTML.

Retour au cours

Régi par la licence Creative Commons: Licence d'attribution en partage identique et non commercial 4.0