meaning - gwt vs angular

GWT imagen del lado del cliente recortar y redimensionar

Question

¿Hay algún widget de GWT que me permita:

• seleccionar una parte de una imagen y luego recuperar el área de selección?
• cambiar el tamaño de una imagen y luego darme el tamaño actualizado?

Lo anterior también debería reflejarse en el navegador.

Answer 1

Hasta donde yo sé, el código del lado del cliente de GWT no puede modificar directamente las imágenes, pero el widget de la imagen se puede configurar para mostrar solo una parte de una imagen. Puede hacerlo utilizando la Image(java.lang.String url, int left, int top, int width, int height) del constructor Image(java.lang.String url, int left, int top, int width, int height) , donde width y height son las dimensiones del cuadro visible y no la imagen en sí.

Sin embargo, esto no le permite cambiar el tamaño y luego recortar. Para hacer esto, primero puedes cambiar el tamaño de la imagen y ponerla en un panel absoluto para recortarla.

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

Me disculpo si esto no es exactamente lo que estás buscando, pero es la mejor respuesta que tengo.

Answer 2

También puedes cargar el tipo de imagen como DataResource en lugar de ImageResource si quieres que se escale con setPixelsSize ()

p.ej

...
@Source("uploading.gif")
DataResource uploadingIcon();
...
Image uploadingGif = new Image(RESOURCE.uploadingIcon().getUrl());
uploadingGif.setPixelSize(25, 25);

Answer 3

Gracias ImageResource tengo el mismo método getURL () lo usé funcionó para mí ... intente esto, funcionará, podemos utilizar ahora las imágenes en ambos sentidos, ya sea como ruta URL o ImageResource ..

Answer 4

Aquí es cómo uso el elemento canvas para escalar imágenes usando HTML5.