Cet article présente principalement un tutoriel sur l'utilisation de toile dans HTML5 pour dessiner un visage souriant. L'utilisation de Canvas pour le dessin est une fonction de base dans HTML5. Les amis qui en ont besoin peuvent y faire référence
Aujourd'hui, vous apprendrez une technologie Web appelée Canvas et son association avec le modèle d'objet document (souvent appelé DOM). Cette technologie est très puissante car elle permet aux développeurs Web d'accéder et de modifier les éléments HTML en utilisant JavaScript.
Maintenant, vous vous demandez peut-être pourquoi nous devons utiliser JavaScript Drastic. En bref, HTML et JavaScript sont interdépendants, et certains composants HTML, tels que les éléments Canvas, ne peuvent pas être utilisés seuls à partir de JavaScript. Après tout, si nous ne pouvons pas les tirer dessus, que peut faire Canvas?
Pour mieux comprendre ce concept, nous essaierons de dessiner un simple visage souriant avec un exemple de projet. Commençons.
commencer
Créez d'abord un nouveau répertoire pour enregistrer vos fichiers de projet, puis ouvrez votre éditeur de texte préféré ou votre outil de développement Web. Une fois que vous avez fait cela, vous devriez créer un index vide.html et un script vide.js, après quoi nous continuerons à modifier.
Ensuite, modifions le fichier index.html, qui n'impliquera pas beaucoup de choses, car la plupart du code de notre projet sera écrit en JavaScript. Ce que nous devons faire dans HTML, c'est de créer un élément canevas et un script de référence.js, qui est assez simple:
CODE XML / HTML COPIE COPIRE DU PIRMOCHE