GWT图像裁剪

时间:2012-04-23 19:37:01

标签: gwt image-processing crop

我正在使用GWT构建一个网站,并希望添加图像裁剪功能,以便用户可以上传他们的个人资料图像,然后根据需要裁剪。我正在寻找类似于Jcrop但在GWT中的东西。

我发现THISTHIS代码示例了如何在客户端裁剪图像,但没有用户可以选择部分需要裁剪的图像的UI部分。

在SO(for examplethis GWT与Jcrop上也有几个类似的问题,但没有人给出使用纯GWT的图像选择部分的例子。 如果你知道如何做,请分享,我相信其他人将来会利用这一点。

这是我正在寻找的例子: enter image description here

2 个答案:

答案 0 :(得分:6)

我建议你走#1路线。我一直在GWT工作一段时间,花了很多时间寻找图书馆,这是我认为不存在的。

以下是您的选择:

  1. 使用JSNI接口包装Jcrop。

    • 优点:您必须包含JQuery和JCrop,它们小而且健壮
    • 缺点:学习如何构建第一个JSNI包装器可能会很痛苦
  2. GWT Drag and Drop

    建立自己的
    • 优点:“Pure GWT”
    • 缺点:您可能无法处理JCrop随着时间的推移所发现的所有边缘情况,也不会像其他功能一样。
  3. 将JCrop移至GQuery

    • 优点:JCrop为open source,只有约1600行代码
    • 缺点:这是〜1600行代码,移植到Java时可能要大得多
  4. 如果你决定做以上任何一项,请开源吧!我很乐意做出贡献,看起来我也可以在我的GWT项目中使用它。

答案 1 :(得分:4)

GWT Cropper 是一个允许裁剪图像的小部件。

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

2015年编辑:只要Google代码即将关闭,该项目就已移至GitHub。新地址为http://gwt-cropper.co.uk/