The Cropper component lets users select and crop a region of an image. The cropped result is sent to the server as media via the onCrop event.

<zk>
	<vlayout>
		<cropper id="cropper" src="/widgets/multimedia/cropper/img/sun.jpg"
		         x="50" y="50" w="180" h="180"
		         toolbarVisible="true"
		         onCrop="croppedImage.setContent(event.getMedia())"/>
		<label value="Cropped result:"/>
		<image id="croppedImage"/>
	</vlayout>
</zk>