Discussion :

[renaud26]

Bonjour à tous,

Je voudrais savoir si il est possible, en javascript, de tracer une zone de texte sur une image et d'écrire dedans...Pensez-vous que ce soit possible ? Si oui, avez vous une piste à m'indiquer pour creuser ?
D'avance, merci.

[marcha]

Salut,

Tu veux placer une champs de saisie sur ton image ?
que veux-tu faire exactement ?

[gerald2545]

si tu mets ton image en background de ton container html?
sinon expliques un peu plus ce que tu souhaites

[renaud26]

merci de votre intérêt pour ma question. Oui, en fait, je suis en train de créer un site de création de bannières et les gens peuvent saisir une ligne de texte sur une image appelée par un src. Je sais afficher les coordonnées X et Y mais je trouve ça peu clair. Je veux donc, comme dans un éditeur de texte, leur permettre de créer une zone de saisie déplaçable pour qu'il puissent taper leur texte exactement à l'endroit voulu...pas simple, hein ?

[marcha]

Salut,

Tu peux placer un champ texte sans fond par dessus une image.

voici un exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<img src="image.jpg" />
<input type='text' style='position: absolute; left: 20px; top: 20px; background: none; border: none;' value='du texte' />

Pour pouvoir le déplacer utilise un framework javascript comme script.aculo.us
qui offre des fonctionnalités drag&drop

[renaud26]

merci ! je vais tester ça et regarder du côté du framework. Je reviens dire comment ça fonctionne...