Image Crop - How to build an interactive Image Cropper with Javascript, ImageDraw and ASP.NET
Product ImageDraw for ASP.NET Published 07/03/2008 Updated 07/03/2008
Requirements
Neodynamic ImageDraw (4.0 or later) for ASP.NET
Microsoft .NET Framework (2.0 or later)
Microsoft Visual Studio 2008 or later / Visual Web Developer 2008 Express Edition or later
This ImageDraw demo - which source code files can be found at the end of this page available for downloading - demonstrates how easily you can use ImageDraw, Javascript and ASP.NET Framework to design an interactive UI Image Cropper.
The following figure is a screenshot of the ASP.NET Image Cropper application that leverages Javascript and ASP.NET for input user interaction and ImageDraw for dynamic image processing purposes.
The ASP.NET Image Cropper Sample
This sample lets users to select an area on the target image or photo to perform cropping. The UI lets the user to perform more cropping actions on the result of a previous crop as is shown in the following figure.
The ASP.NET Image Cropper Sample in action.
Sample Files Download
Here are the VB.NET and C# versions of this sample. Please download the zip file and extract it. After that, you'll find all necessary files to reproduce this demo.
For ImageDraw 4.0 for ASP.NET
- For Visual Basic.NET: ImageDraw40CroppingVB.zip (496 KB)
- For Visual C#.NET: ImageDraw40CroppingCS.zip (496 KB)
Remember to download and install ImageDraw for ASP.NET in order to reproduce this sample demo.