Cắt xén hình ảnh GWT

Question

Tôi đang xây dựng một trang web bằng GWT và muốn thêm khả năng Cắt hình ảnh để người dùng có thể tải lên hình ảnh tiểu sử của họ và sau đó cắt hình ảnh khi cần. Tôi đang tìm một cái gì đó tương tự như Jcrop nhưng trong GWT.

Tôi tìm thấy THIS và THIS mẫu mã cách cắt hình ảnh ở phía máy khách nhưng không có phần giao diện người dùng nào có thể chọn một phần hình ảnh cần cắt.

Cũng có một vài câu hỏi tương tự trên SO (for example và this GWT với Jcrop) nhưng không ai đưa ra ví dụ về phần lựa chọn của hình ảnh sử dụng GWT thuần túy. Nếu bạn có ý tưởng về cách thực hiện, vui lòng chia sẻ và tôi chắc chắn những người khác sẽ tận dụng điều này trong tương lai.

Dưới đây là ví dụ về những gì tôi đang tìm kiếm:

Answer 1

GWT Cropper là tiện ích cho phép cắt xén hình ảnh.

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

Chỉnh sửa vào năm 2015: miễn là Google Code sắp bị đóng cửa, dự án đã được chuyển đến GitHub. Địa chỉ mới là http://gwt-cropper.co.uk/

Answer 2

tôi khuyên bạn nên tuyến đường # 1. Tôi đã làm việc toàn thời gian trong GWT một thời gian và dành rất nhiều thời gian tìm kiếm các thư viện, và đây là một trong những điều mà tôi chỉ không nghĩ rằng tồn tại được nêu ra.

Dưới đây là lựa chọn của bạn:

1. Bọc Jcrop sử dụng một giao diện JSNI.

   • Ưu: Bạn phải bao gồm JQuery và JCrop, đó là nhỏ và mạnh mẽ
   • Nhược điểm: Học cách xây dựng wrapper JSNI đầu tiên của bạn có thể là một nỗi đau

2. xây dựng của riêng bạn từ GWT Drag and Drop

   • Ưu điểm: "GWT tinh khiết"
   • Nhược điểm: Có thể bạn sẽ không xử lý tất cả các trường hợp cạnh mà JCrop đã tìm ra theo thời gian, cũng như không nổi bật.

3. Cảng JCrop để GQuery

   • Ưu: JCrop là open source và chỉ có khoảng ~ 1600 dòng mã
   • Nhược điểm: Đó là ~ 1600 dòng mã, đó là khả năng lớn hơn nhiều khi được chuyển đến Java

Nếu bạn quyết định thực hiện bất kỳ điều nào ở trên, hãy mở nguồn! Tôi rất vui được đóng góp, và có vẻ như tôi cũng có thể sử dụng các dự án GWT của mình.