GWT обрезка и изменение размера изображения на стороне клиента

Question

Есть ли виджет GWT, который позволяет мне:

• выбрать часть изображения и затем извлечь область выбора?
• изменить размер изображения и затем дать мне обновленный размер?

Вышеуказанное должно быть отражено и в браузере.

Answer 1

Насколько мне известно, клиентский код GWT не может напрямую изменять изображения, но виджет «Изображение» можно настроить так, чтобы отображать только часть изображения. Это можно сделать с помощью конструктора 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

Вы также можете загрузить тип изображения как DataResource вместо ImageResource, если вы хотите, чтобы он масштабировался с помощью setPixelsSize ()

, например

...

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

...

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

Answer 3

Здесь - это способ использования элемента canvas для масштабирования изображений с использованием HTML5.

Answer 4

Спасибо ImageResource имеет тот же метод getURL (), который я использовал, он работал для меня .. попробуйте это, он будет работать, мы можем использовать изображения теперь обоими способами, как URL-путь или ImageResource.