ImageCropper

ImageCropper is used to extract a certain part of an image to create a new image.

Documentation
<h:form>
    <p:growl id="msgs" showDetail="true"/>
    
    <h:panelGrid columns="2">
        <p:imageCropper value="#{cropperView.croppedImage}" image="/resources/demo/images/nature/nature6.jpg" initialCoords="225,75,300,125" minSize="100,100" maxSize="250,250"/>
        <h:panelGroup id="cropped">
            <p:graphicImage rendered="#{not empty cropperView.newImageName}" name="demo/images/crop/#{cropperView.newImageName}.jpg" />
        </h:panelGroup>
    </h:panelGrid>

    <p:commandButton value="Crop" action="#{cropperView.crop}" update="cropped msgs" icon="pi pi-clone"/>
</h:form>

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

nova-light Nova-Light
nova-dark Nova-Dark
nova-colored Nova-Colored
luna-blue Luna-Blue
luna-amber Luna-Amber
luna-green Luna-Green
luna-pink Luna-Pink
omega Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.