Filtrage des images avec Canvas 2D de HTML 5 - Avec Netbeans 8

Une dimension 2D s'offre à nous grâce au nouvel élément de HTML 5 qui nous permet de jongler avec les courbes et les tracés, qui nous permet de traiter et de transformer les images et ses pixels, qui nous permet d'utiliser les couleurs, les motifs, les dégradés et les ombrages, qui nous permet de créer de nouveaux usages interactifs dédiés à l'audio et la vidéo, etc. Tout est permis, jusqu'à la conception d'animations interactives et de jeux.
Cette API de dessin 2D pour le web est une alternative sérieuse pour concevoir en ligne et dynamiquement des images fixes ou animées, à l'aide de formes ou via des tracés pixel par pixel. La zone active relève d'un élément dont les dimensions sont définies dans le code de la page. Un ensemble de fonctions JavaScript permettent un accès à la zone de dessin, en modification ou en lecture. Parmi les possibilités offertes figurent des méthodes de tracé de formes géométriques (cercles, rectangles), des méthodes de tracé de polygones, des méthodes de choix de styles de couleurs et de remplissages, des méthodes de tracé de texte, des méthodes d'importation et de manipulation d'images, et des méthodes de transformations (mise à l'échelle, rotation, déplacement, cisaillement) qui affectent toute la matrice.
Les usages de sont multiples. On peut y faire appel pour l'affichage de graphiques générés dynamiquement à partir de données variables, pour la création de jeux, pour l'édition d'images et de photos en ligne, ou pour des effets cosmétiques, etc.