Component for cropping images. Wrapper for React component react-image-crop.
The component allows to crop images and configure the following properties for a customized crop:
The cropped image result can be obtain as a URI using getCroppedImageDataUri
method
or as a Base64 encoded byte array by using getCroppedImageBase64
method.
Add the following dependencies in your pom.xml file:
<dependency>
<groupId>com.flowingcode.vaadin.addons</groupId>
<artifactId>image-crop-addon</artifactId>
<version>X.Y.Z</version>
</dependency>
For SNAPSHOT versions see here.
To see the demo, navigate to http://localhost:8080/
See here
The issues for this add-on are tracked on its github.com page. All bug reports and feature requests are appreciated.
Contributions are welcome, but there are no guarantees that they are accepted as such.
As first step, please refer to our Development Conventions page to find information about Conventional Commits & Code Style requirements.
Then, follow these steps for creating a contribution:
This add-on is distributed under Apache License 2.0. For license terms, see LICENSE.txt.
Image Crop Add-on is written by Flowing Code S.A.
Image image = new Image("images/empty-plant.png", "image to crop");
ImageCrop imageCrop = new ImageCrop(image);
add(imageCrop);
Image croppedImage = new Image(imageCrop.getCroppedImageDataUri(), "cropped image")
By default, Vaadin Flow only includes com/vaadin/flow/component
to be always scanned for UI components and views. For this reason, the add-on might need to be allowed in order to display correctly.
To do so, just add com.flowingcode
to the vaadin.allowed-packages
property in src/main/resources/application.properties
, like:
vaadin.allowed-packages = com.vaadin,org.vaadin,dev.hilla,com.flowingcode
More information on Spring scanning configuration here.