CropImage

Crop image example shows how to use jQuery and Jcrop to crop images. Right now the sample application is pretty primitive. To try it out follow these steps:

• Open file akropolis-doggie.jpg in Visual Studio and make sure it opens correctly. Then close the file.
• Run application.
• Move mouse on the image to point where you want to start cropping box.
• Push down left button and drag cropping box to size you like and release mouse button.
• If you want to change size or location of cropping box then you can do it using mouse. Small squares on cropping box line allow you resize cropping box.
• When cropping area is selected click Crop button that is located under image.
• Check Images folder of application - you should see there new image named as cropped_doogie.jpg.
• Open it and take a look at it - it should be exactly same thing that were in cropping box.

References:

• Using ASP.NET and Jcrop to crop images online