Question

是否有任何GWT小部件允许我：

选择图像的一部分，然后检索选择区域？
调整图片大小然后再给我更新尺寸？

以上内容也应反映在浏览器中。

Answer 1

据我所知，GWT客户端代码无法直接修改图像，但Image小部件可以设置为仅显示图像的一部分。您可以使用constructor Image(java.lang.String url, int left, int top, int width, int height)执行此操作，其中width和height是可见框的尺寸，而不是图像本身。

然而，这不允许您调整大小然后裁剪。为了做到这一点，您可以先调整图像大小，然后将其放在绝对面板中进行裁剪。

AbsolutePanel testPanel = new AbsolutePanel();
Image image = new Image("path/image.jpg");
image.setWidth("1000px");
testPanel.add(image,-100,-100);
testPanel.setPixelSize(300,300);

如果这不是您正在寻找的，我道歉，但这是我的最佳答案。

Answer 2

如果您希望使用setPixelsSize（）

进行缩放，也可以将图像类型加载为DataResource而不是ImageResource

e.g。

...

@Source("uploading.gif")
DataResource uploadingIcon();

...

Image uploadingGif = new Image(RESOURCE.uploadingIcon().getUrl());
uploadingGif.setPixelSize(25, 25);

Answer 3

Here是我如何使用canvas元素来使用HTML5缩放图像。

Answer 4

由于 ImageResource有相同的方法getURL（）我用它为我工作..尝试这将工作我们现在可以使用图像两种方式作为URL路径或ImageResource ..

GWT客户端图像裁剪和调整大小

4 个答案: