New Article - How to build an advanced ASP.NET AJAX Photo Editor

EDN Admin

Well-known member
Joined
Aug 7, 2010
Messages
12,794
Location
In the Machine
This ImageDraw demo 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.

<img style="vertical-align: middle;" src="http://www.neodynamic.com/Support/FAQs/90/figure01.jpg" alt="" />

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.

<img src="http://www.neodynamic.com/Support/FAQs/90/figure02.jpg" alt="" />

- 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:

<img style="vertical-align: middle;" src="http://www.neodynamic.com/Support/FAQs/90/figure03.jpg" alt="" />

The following figure shows Rotation and Flipping feature:

<img style="vertical-align: middle;" src="http://www.neodynamic.com/Support/FAQs/90/figure04.jpg" alt="" />

And the last one figure shows Composite Imaging Effects (Reflection + Perspective View + Scaling):

<img style="vertical-align: middle;" src="http://www.neodynamic.com/Support/FAQs/90/figure01.jpg" alt="" />

Links:
http://www.neodynamic.com/ND/FaqsTipsTricks.aspx?tabid=66&prodid=0&sid=90 This Demo
http://www.neodynamic.com/Products/Demos/Demos.aspx?tabid=97&prodid=8 More Demos
http://www.neodynamic.com/ND/Downloads.aspx?tabid=96&prodid=8 Download ImageDraw SDK for .NET
http://www.neodynamic.com/Products/ImageDraw-SDK-NET/ImageDraw_SDK_NET.aspx?tabid=95&prodid=8 More Information about Neodynamic ImageDraw SDK for .NET

Neodynamic
.NET Components & Controls
http://www.neodynamic.com http://www.neodynamic.com

Click here to view the article
 
Back
Top