2009-02-13 9 views
3

J'ai une image de taille arbitraire sur la page. Comme une sortie j'ai besoin d'une image d'une taille fixe, disons 90x120px. Je voudrais que l'utilisateur choisisse la zone de l'image en glissant-déposant la grande image derrière la 'fenêtre' 90x120px. La fenêtre spécifierait l'image résultante. Quelque chose comme ceci est implémenté au facebook image upload.JavaScript glisser-déposer recadrer photo recadrer

Je sais comment traiter l'image au backend dès que j'obtiens les coordonnées de recadrage, pas de problème avec ça. Je suppose que j'ai besoin de poster les coordonnées de recadrage dans les champs de formulaire cachés. L'action glisser-déposer de l'utilisateur devrait faire en sorte que JavaScript remplisse les champs, n'est-ce pas? Je suis nouveau à JS, donc un guide étape par étape aiderait beaucoup.

+0

Alors, comment avez-vous fait le glisser avec une grande image derrière une petite boîte prédéfinie? La plupart des projets semblent penser que je veux faire glisser un crop-box à l'intérieur de l'image, mais je veux le contraire. –

Répondre

Questions connexes