Ignorer la navigation

III. Deuxième application : smiley LaMache

Nous disposons de l'image suivante (logo_lamache2b.png):

et nous voulons créer le smiley laMache suivant :


Cahier des charges :

  • le canvas aura pour taille 150 × 150 pixels
  • le fichier smiley.html sera le suivant  (vous n'avez pas à modifier ce code):
           <!DOCTYPE html>
<html>
    <head>
        <!-- En-tête de la page -->
        <meta charset="utf-8" />
        <script type="text/javascript" src="smiley.js"></script>
        <title>Smiley</title>
    </head>
 
    <body>
        <!-- Corps de la page -->
        <canvas id="mon_canevas1" width="150" height="150">
            [No canvas support]
        </canvas>
    </body>
</html>

  • le dessin sera réalisé dans fichier smiley.js :
           window.onload = function ()
{

  Votre code

}


Complétez le code du fichier "smiley.js" et quand tout fonctionne faites valider votre résultat par le professeur.