How to build an advanced ASP.NET AJAX Photo Editor featuring imaging effects with ImageDraw for ASP.NET
Product ImageDraw for ASP.NET
Neodynamic ImageDraw for ASP.NET
Microsoft .NET Framework (2.0 or later)
Microsoft ASP.NET AJAX Framework (1.0 or later)
Microsoft ASP.NET AJAX Control Toolkit
Microsoft Visual Studio .NET (2005 or later - Visual Web Developer Express Edition)
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 object model and ASP.NET AJAX Framework to design an advanced AJAX-based Photo Editor.
The following figure is a screenshot of the ASP.NET AJAX Photo Editor application that leverages ASP.NET AJAX Framework, ASP.NET AJAX Control Toolkit and ImageDraw.
AJAX Photo Editor featuring ImageDraw effects such as Basic Tuning (Brightness, Contrast, Gamma, Saturation, Hue), Coloring (Convert to Black & White/Grayscale, Sepia and Negative/Invert), Rotation and Flipping, Scaling and FX Perspective View and Reflection.
This AJAX Photo Editor features:
- UI leveraging ASP.NET AJAX Control Toolkit
The left pane of AJAX Photo Editor UI leverages on ASP.NET AJAX Control Toolkit components like Accordion and Slider. The Accordion control is used to divide some Imaging Effects in categories. Those Imaging effects leverage ImageDraw object model and Slider controls are used for setting up some parameters that each effects feature.
For example, the following figure shows how Slider controls are used so the user can specify which Brightness, Contrast, Gamma, Saturation and Hue levels must be apply on the target photo.
- Imaging Effects provided by ImageDraw
AJAX Photo Editor provides some of the most common imaging effects that well know photo editor software features like Basic Tuning (Brightness, Contrast, Gamma, Saturation, and Hue), Coloring (Convert to Black & White/Grayscale, Sepia and Negative/Invert), Rotation and Flipping and Scaling. In addition to those basic imaging effects, we introduced two new interested effects called Perspective View and Reflection which are built-in ImageDraw object model.
For example, the following figures show Coloring settings like Black & White/Grayscale and Negative/Invert:
The following figure shows Rotation and Flipping feature:
And the last one figure shows Composite Imaging Effects (Reflection + Perspective View + Scaling):
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 step by step guide.
Remember to download and install ImageDraw in order to reproduce this sample demo.