GWT Image Cropping

Question

Ich baue eine Website mit GWT und möchte die Funktion "Bildbeschneidung" hinzufügen, damit Benutzer ihr Profilbild hochladen und dann nach Bedarf zuschneiden können. Ich suche nach etwas ähnlich zu Jcrop, aber in GWT.

Ich fand THIS und THIS Codebeispiele, wie ein Bild auf der Clientseite zugeschnitten wird, aber es gibt kein UI-Teil, in dem Benutzer einen Teil ihres Bilds auswählen können, das zugeschnitten werden muss.

Es gab auch einige ähnliche Fragen zu SO (for example und this GWT mit JCrop) aber niemand gab ein Beispiel für den Auswahlteil des Bildes, das reines GWT verwendet. Wenn Sie eine Idee haben, wie Sie es tun, teilen Sie bitte und ich bin sicher, dass andere Menschen in Zukunft davon profitieren werden. Hier

ist das Beispiel von dem, was ich suche:

Answer 1

GWT Cropper ist ein Widget, mit dem ein Bild beschnitten werden kann.

https://code.google.com/p/gwt-cropper/

Editiert: solange Google Code im Begriff ist, geschlossen werden, hat sich das Projekt auf GitHub verschoben. Die neue Adresse ist http://gwt-cropper.co.uk/

Answer 2

Ich empfehle Ihnen, Weg # 1 nehmen. Ich arbeite seit einer ganzen Woche in GWT und verbringe viel Zeit damit, nach Bibliotheken zu suchen, und das ist eine, von der ich glaube, dass sie noch nicht existiert.

Hier sind Ihre Möglichkeiten:

1. Wrap Jcrop eine JSNI Schnittstelle.

   • Pros: Sie müssen umfassen JQuery und JCrop, die sind klein und robust
   • Cons: Lernen, wie Sie Ihre erste JSNI Wrapper bauen kann

2. bauen ein Schmerz Ihr eigenes von GWT Drag and Drop

   • Pros: "Pure GWT"
   • Nachteile: Sie werden wahrscheinlich nicht alle Randfälle behandeln, die JCrop im Laufe der Zeit herausgefunden hat, noch so voll sein.

3. Hafen JCrop zu GQuery

   • Pros: JCrop open source ist und nur etwa ~ 1600 Zeilen Code
   • Cons: Es ist ~ 1600 Zeilen Code, die wahrscheinlich viel größer sein, wenn nach Java portiert

Wenn Sie sich für eines der oben genannten entscheiden, öffnen Sie bitte die Quelle! Ich würde mich freuen, etwas beizutragen und es sieht so aus, als könnte ich es auch in meinen GWT-Projekten verwenden.