Formation incluse dans l'abonnement Elephorm
Les objectifs de cette vidéo sont :
- Comprendre comment créer et utiliser un élément Canvas.'
- Apprendre à charger et manipuler des images avec JavaScript.
- Savoir transformer une image en noir et blanc par traitement de pixels.
Apprenez à utiliser la balise Canvas pour intégrer et transformer une image en noir et blanc en manipulant directement les pixels avec JavaScript.
Cette leçon vous guide à travers l'intégration et la transformation d'images en noir et blanc en utilisant la balise Canvas de HTML. Bien que des filtres existent pour cette tâche, ce tutoriel met l'accent sur la manipulation directe des pixels via JavaScript. Vous apprendrez à :
- Créer un élément Canvas dans une page HTML.
- Charger et dessiner une image sur Canvas avec JavaScript.
- Manipuler chaque pixel de l'image pour la convertir en noir et blanc.
Cette méthode permet une compréhension approfondie du fonctionnement de Canvas et de ses capacités en terme de traitement d'images et d'animations.
getContext pour obtenir le contexte de dessin, drawImage pour dessiner une image, et getImageData pour manipuler les pixels.
