GWT Image Cropping

Question

Я создаю веб-сайт с использованием GWT и хотел бы добавить функцию обрезки изображений, чтобы пользователи могли загружать изображение своего профиля, а затем обрезать его по мере необходимости. Я ищу что-то похожее на Jcrop, но в GWT.

Я нашел THIS и THIS примеры кода, как обрезать изображение на стороне клиента, но нет части пользовательского интерфейса, где пользователь может выбрать часть своего изображения, которое необходимо обрезать.

Было также несколько аналогичных вопросов по SO (for example и this GWT с Jcrop), но никто не привел пример части выбора изображения, использующего чистый GWT. Если у вас есть идея, как это сделать, пожалуйста, поделитесь, и я уверен, что другие люди будут использовать это в будущем.

Вот пример того, что я ищу:

Answer 1

GWT Cropper - это виджет, который позволяет обрезать изображение.

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

Отредактировано в 2015: до тех пор, как Google Code собирается быть закрыт, проект был перемещен в GitHub. Новый адрес: http://gwt-cropper.co.uk/

Answer 2

Я рекомендую вам принять маршрут # 1. Я работаю полный рабочий день в GWT некоторое время и трачу много времени на поиск библиотек, и это тот, которого я просто не думаю, что существует.

Вот варианты:

1. Wrap Jcrop используя JSNI интерфейс.

   • Pros: Вы должны включить JQuery и JCrop, которые являются малые и надежные
   • Против: изучение, как построить свой первый JSNI обертка может быть боль

2. Построить ваш собственный от GWT Drag and Drop

   • Плюсы: «Pure GWT»
   • Против: Вы, вероятно, не будете обрабатывать все случаи, которые JCrop выяснил со временем, и не будут такими же эффективными.

3. Порт JCrop в GQuery

   • Pros: JCrop является open source и только около ~ 1600 строк кода
   • Cons: Это ~ 1600 строк кода, который, вероятно, будет значительно больше при портировании на Java

Если вы решили сделать что-либо из вышеперечисленного, пожалуйста, откройте его! Я был бы рад внести свой вклад, и это похоже на то, что я мог бы использовать в своих проектах GWT.