Version imprimable
Bonjour,
existe t-il un code ou module existant php (combiné à javascript ou flash) permettant à l'internaute, après avoir uploadé une image sur le serveur (je sais faire cette partie en php), de la recadrer.
J'ai déjà vu cette fonction en oeuvre (sur des sites d'impression de photo il me semble) mais je ne sais pas du tout comment faire : sur l'image apparaît une zone rectangulaire afin de décider où recadrer.
Merci d'avance.
j'ai vu ça récemment par exemple (http://www.pixcatcher.com/) qui pourrait me convenir. Mais comment faire pareil? Un code existant est-il trouvable?
Merci
Salut,
Coté PHP il te faut la librairie GD, tu utilise les fonctions tel que
imagecopyresampled et imagecopy pour recadrer / redimensionner
Coté client il te faut pouvoir indiquer les deux points définissant
la zone de recadrage. Pour cela plusieurs techniques sont possibles,
A commencer par une version sans javascript:
tu crée un formulaire avec un champ de type image, quand on clique
sur un tel champ, le formulaire est envoyé avec les coordonnée x et y
de la souris sur l'image. Il faut faire ça en deux temps, d'abord le premier
point, puis le deuxième sur la page suivante.
En javascript on peut faire ça de façon plus élégante.
Il te faut gérer le onmousedown, onmouseup et onmousemove sur l'image,
ensuite tu crée un div sur le onmousedown que tu positione en absolute par
rapport au coin supérieur gauche de l'image et avec les propriété left et top basée sur la position de la souris (position que tu obtiens par l'objet Event javascript)
ensuite sur le onmousemove tu redessines le div en réglant width et height
d'après la nouvelle position de la souris.
enfin lors du onmouseup tu transmet les styles left, top, width et height à ton
php par une requête (soit Ajax, soit tu post un form ou un changement de page)
si tu as besoins d'éclaircissement sur l'un ou l'autre de ces points, à ta dispo.
salut,
merci de ta réponse.
En fait, je sais que ça me prendrait pas mal de temps pour développper un truc à la fois élégant, fonctionnel et efficace. Je suis à peu près certain qu'un code déjà existant est dispo sur le web.
Est-ce que quelqu'un saurait où trouver ça?
Merci
Le lien que tu donne semble etre fait entierement en javascript donc tu devrais pouvoir t'inspirer de la source