Cropper

Cropper

• Java API: Cropper
• JavaScript API: Cropper
• Available for ZK:
• 

[ since 8.6.0 ]

Employment/Purpose

This component allows users to crop a selected range of image.

Example

    <cropper id="cr1" x="50" y="100" w="100" h="100" onCrop="img1.setContent(event.getImage())" toolbarVisible="true">
        <image id="img" src="/test2/img/F86-ZK-3962.jpg"/>
    </cropper>
    <image id="img1"/>

Properties and Features

AspectRatio

The width and height of the selected range will be fixed to the specified ratio.

MinWidth

The minimum width of the selected range.

MinHeight

The minimum height of the selected range.

MaxWidth

The maximum width of the selected range.

MaxHeight

The maximum height of the selected range

X

The left offset of the selected range.

Y

The top offset of the selected range.

W

The width of the selected range.

H

The height of the selected range.

ToolbarVisible

We provide a built in toolbar with Crop and Cancel feature.

Supported Events

Name	Event Type
onChange	Event: Event Denotes user has resized the selected range.
onCrop	Event: CropEvent Denotes user has cropped the image.

• Inherited Supported Events: XulElement

Supported Children

* Image

Version History

Version	Date	Content