Le programme Windows Paint accompagne toutes les versions de Windows. Ce programme très simple et presque inutile possède les fonctions de dessin les plus basiques et est très adapté au griffonnage. L'objet Canvas de HTML5 rend possible le dessin en ligne. Bien que HTML5 soit loin d'être mature, de nombreuses personnes ont hâte de l'utiliser pour concevoir des applications étonnantes.
CanvasPaint est un programme de peinture Windows standard basé sur HTML5. Il a la même interface et le même fonctionnement que le programme Windows Paint, et ses fonctions sont presque identiques. Avec la prise en charge de navigateurs spécifiques, vous pouvez même enregistrer le travail final sur votre ordinateur local. Ce n'est pas un projet récent, il existe depuis 2006, donc la plupart des navigateurs actuels prenant en charge les standards (Firefox, Safari, Chrome, Opera) peuvent utiliser normalement ce programme. Voici quelques explications de l'auteur sur ce projet.
Pourquoi ce programme a-t-il été développé ?
Le but n'est pas de développer un programme de dessin Windows, mais d'expérimenter la fonction Canvas de HTML5.
Son utilisation est la même que celle des programmes de dessin Windows standard.
Peut-il être sauvegardé ?
Oui, mais il ne prend en charge que Firefox 2 et Opera 9 (Note du traducteur : il s'agit d'un programme implémenté par l'auteur en 2006). Pour enregistrer localement, sélectionnez Télécharger dans le menu Fichier, enregistrez en ligne, puis sélectionnez Enregistrer en ligne, une URL sera automatiquement générée pour afficher votre travail en ligne.
Le menu contextuel du navigateur lui-même affecte l'utilisation du menu contextuel. Vous pouvez désactiver le menu contextuel dans les paramètres du navigateur.
Pourquoi certaines fonctions ne sont-elles pas disponibles ?
Certaines fonctionnalités sont prises en charge dans des versions spécifiques du navigateur (Note du traducteur : cela date de 2006) :
Sélecteur de couleursFirefox 2.0Opera 9 Flood fillOpera 9 Enregistrer l'imageFirefox 2.0Opera 9 Ouvrir l'URLFirefox 1.5Opera 9Latest L'objet WebKit Canvas est-il facile à utiliser ?
Idéal pour les applications qui ne nécessitent pas de prise en charge entre navigateurs. Mais en peinture, le plus gros problème est que, limité par la fréquence de rafraîchissement de l'événement mousemove, il n'est pas évident de retrouver la position du curseur, surtout lorsqu'on utilise un aérographe. De plus, lorsque la taille devient très grande, cela devient très lent et il n'y a pas de fonction getPixel().
Détails techniques Cinq objets Canvas sont utilisés dans le programme.
Un plan de travail principal, un calque de plan de travail transparent flottant au-dessus pour afficher le contenu de l'aperçu, un canevas caché utilisé pour mettre en cache le contenu sélectionné, un autre utilisé pour mettre en cache l'état d'annulation et un autre utilisé dans la barre de titre du programme pour afficher les couleurs dégradées.
Expériences HTML5 Canvas d’autres personnes
Canvascape 3D (implémentation d'un simple jeu de tir à la première personne utilisant HTML5)
CanvasGraph (une bibliothèque JavaScript de dessin HTML5 Canvas)
Réflexions d'image (implémentation de réflexions d'image à l'aide de HTML5 Canvas)
Canvas Painter (un programme de dessin Canvas plus simple)
Un programme de dessin HTML vraiment étonnant Si le programme ci-dessus vous a enthousiasmé par la fonctionnalité Canvas de HTML5, voici un programme de dessin qui vous épatera. Il offre une expérience d'interface et une fluidité qui ne sont pas inférieures à celles du bureau. Sur un ordinateur multi-écran, j'ai même envie de faire glisser ces panneaux d'outils flottants vers le deuxième écran.
-