Introduction à l'API Canvas
Objectifs
Les objectifs de cette vidéo sont de vous enseigner comment utiliser l'API Canvas pour dessiner des formes graphiques, incorporer des images et implémenter des animations simples avec JavaScript dans vos projets web.
Résumé
Découvrez comment utiliser l'API Canvas pour dessiner et manipuler des formes dynamiques grâce à JavaScript.
Description
Dans cette leçon, nous explorons l'API Canvas d'HTML5. La balise <canvas> nous permet d'incorporer des images ou de dessiner directement sur une zone définie à l'aide de JavaScript. Commencez par insérer une balise <canvas> dans votre document HTML, puis utilisez JavaScript pour identifier et manipuler cette balise. Créez des contextes de dessin en 2D pour concevoir diverses formes comme des rectangles ou des cercles. Nous verrons comment remplir des formes avec des couleurs, dessiner des contours et même ajouter des images. Pour conclure, nous animerons un cercle pour démontrer l'interactivité possible avec Canvas. Profitez de ce tutoriel approfondi pour améliorer vos compétences et rendre vos pages web plus dynamiques et interactives sans recourir à Flash.
Questions - réponses
Programme détaillé
Module 1 - Introduction
Module 2 - LES FONDAMENTAUX ET TECHNIQUES AVANCEES DU HTML/XHTML
Module 3 - LES BASES DU HTML5 et les propriétés CSS3 courantes
Module 4 - HTML5 : Les nouvelles et autres balises html5
Module 5 - ANNEXES
Module 6 - Travailler en HTML5 et CSS3 avec les nouvelles balises et propriétés
Module 7 - Les nouveaux API du HTML5 (javascript)
Module 8 - Conclusion
