Coloriser une image par l'internaute

Bonjour,

Je désire mettre en place sur un site, un module qui permettrai à un internaute de coloriser une image:
j'ai une image qui représente un objet, deux palettes de couleurs, et je voudrais que l'internaute puisse coloriser différente zone de l'objet:
il clic sur une zone puis clic sur une couleur d'une palette pour la coloriser.

Je sais que c'est possible avec flash, mais je voudrais savoir si c'est possible avec d'autre technologie (HTML5, CCS3, javascript).

Est ce que vous avez des exemple dont je pourrai m'inspirer?

Merci

Patbonf

Bonjour,

Le plus simple pour ce type d'opération serait d'utiliser des images vectorielles avec SVG + javascript. SVG est supporté par tous les navigateurs modernes et permet de changer la couleur d'un élément de l'image simplement en changeant sa valeur RGB.

Si tu veux utiliser des images bitmaps il faut une fonction "flood fill" qui permet de changer une couleur en la remplaçant par une autre. Elle est présente en Flash mais pas en Html5 (tu peux la programmer toi même en javascript).

Avec une technologie qui permet d'accéder aux pixels (Flash, SilverLight ou le Canvas de Html5), on peut utiliser des masques (image avec des zones noires ou blanches représentant les différents éléments de l'image) pour détecter les clics sur les zones de l'images et effectuer le remplissage par la nouvelle couleur.

Bonjour

Merci pour la réponde, je vais donc essayer de mettre en œuvre SVG+JAVASCRIPT, mais avant il faut que j'apprenne comment ça marche.
J'ai déja pu importer un dessin vecto depuis illustrator, je vais essayer de tester le changement de couleur.

J'ai trouvé ces 2 cours sur SVG:
en Francais:

http://svground.free.fr

en anglais:

http://apike.ca/prog_svg_intro.html

Si vous avez d'autre liens, je suis preneur.

@ bientôt