Générer une image et l'afficher dans une page web

Bonjour,

Je suis débutant en Javascript (je programme couramment en C++ et en C#.NET donc j'ai quelques notions de programmation quand même ;)), j'ai parcouru la FAQ mais je n'ai pas trouvé de réponse à la question qui suit...

Je souhaiterais charger un certains nombre de fichiers et les placer à divers endroits dans une image... pour enfin afficher cette image dans une page web. Je souhaiterais conserver la position de chaque image. Comment faire?

Un grand merci d'avance! Les exemples sont les bienvenus :P

Citation:

---

Envoyé par Rodrigue

Je souhaiterais charger un certains nombre de fichiers et les placer à divers endroits dans une image...

---

Ces fichiers chargés sont t' ils des fichiers images également ?

Si oui, un jeu de superposition de div me semble la meilleure solution.

Oui, il s'agit également d'image...

Le problème c'est que je dois être capable de cliquer sur ces images par après et de les changer dynamiquement... Est-il possible de savoir sur quel DIV la souris est en train de pointer? J'ai vu que FireBug était capable de le faire (lorsqu'on inspecte une variable)...

Bien sur par exemple

<div id='image1' onclick='alert(this.id)'>je suis image 1</div>

pour placer ton div suivant des coordonnées top et left :

<div id='image1' onclick='alert(this.id)' style='position:absolute;top:30px;left:120px'>je suis image 1</div>

Pas mal, pas mal le javascript!

Mais pour mon application, il faudrait réellement que je génère une image modifiable dynamiquement. J'ai trouvé la librairie de walterzorn (http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm) via une recherche sur le forum. Elle a l'air génial. Je me croirais presque dans un de mes langages favoris :)

Que penses-tu de cette bibliothèques (seulement 6ko, je n'en reviens pas lol)? Est-ce qu'il en existe des autres (encore mieux) :D?

Si c' est ce que tu cherches, cette librairie est à ma connaissance la meilleure :)

D'accord, merci beaucoup! Je suis en train d'essayer de la faire fonctionner... ça me perturbe ce truc de DIV...

Il faut que je déclare un DIV à une certaine position et ayant une certaine taille. Je ne voudrais pas abuser mais est-il possible d'avoir un div rescalable: c'est-à-dire que je saurais redimensionner à une taille voulue? La cerise sur le gateau serait d'avoir une zone avec des scrollbars sur laquelle je pourrais dessiner ce que je souhaiterais. Lors du rafraîchissement de celle-ci, il faudrait qu'une fonction soit appelée (style OnPain). Alors le fin du fin, si je pouvais dessiner dans une sorte de buffer temporaire avant de tout afficher à l'écran :aie:...

Allez je compte sur toi :mouarf:! Non, mais sans rire est-ce possible de faire tout ça en JavaScript?

Oui oui tout cela est possible mais on parle alors de centaines de lignes de codes. La librairie WalterZone est faites pour ça. Mais tu m' as l' air très ambitieux, commence petit, fait quelquechose de propre et fait le évoluer petit à petit !
meme si je comprends pas exactement ce que tu veux faire, à mon avis javascript est capable de répondre a tes attentes.

Bon courage :)

Ok, merci beaucoup!