This example shows how to use a few of the built in events to real time crop feedback.
The ImageCropper Control will only work when applied to an image. So we place an image on the page and give it an id.
Next we call the
ImageCropper constructor on the image.
Next we listen for the
moveEvent and react to the changes. By calling the
getCropCoords method, we will be returned an object like this:
Using this information, we can use DOM to update the results with the proper information.
Note: You are viewing this example in debug mode with logging enabled. This can significantly slow performance.
All YUI 2.x users should review the YUI 2.8.2 security bulletin, which discusses a vulnerability present in YUI 2.4.0-2.8.1.