HomeCommunityControl GalleryGraphics & MultimediaImaging ASP.NET ImageDraw

ASP.NET ImageDraw



(1) Submit a Review

2,502 Downloads

33,209 Views


Description

Neodynamic ImageDraw for ASP.NET is the definitive solution for professional web imaging design, exclusively developed for ASP.NET applications. ImageDraw is a set of server controls (ImageDraw, ImageDrawButton, and ImageDrawMap) which generate real time on-fly Dynamic Composite Images for ASP.NET Web Applications. ImageDraw allows you to use all the potential of GDI+ to dynamically create composite images (Supporting image files, text like captions and watermarks, stylized texts a.k.a. WordArt, and AutoShapes such as lines and arrows, rectangles, ovals, polygons, stars, callouts (a.k.a. speech bubbles), paths, etc) with lots of useful built-in Imaging Effects like drop shadows, reflections, perspective views, Polaroid, filmstrip, scaling, resizing, skewing, and so on. You can use ImageDraw to deliver real time dynamically generated composite images such as picture thumbnails, image buttons, image maps or any other graphical application.

ImageDraw Architecture - Canvas and Elements
The ImageDraw Object Model is very flexible and powerful. ImageDraw controls generate Dynamic Composite Images and the main characters in this scenario are Canvas and Elements.


The main characters of ImageDraw Composite Images

  • Canvas is a rectangular area intended for drawing Image, Text, and Shape Elements. It plays a key role in the ImageDraw architecture because it governs and determines the final size for the output composite image to be generated.
  • Elements are simple graphical objects which are assembled together to create a composite image. All elements are drawn on the Canvas in the order that each of them has in the stack of elements (the Elements property that each ImageDraw control features). In addition, each element can have associated to it zero or more imaging Actions that affect its appearance (more on this later).

    There are many kind of elements:
    • ImageElement which simply wraps an image or picture that must be drawn on the Canvas. Those images or pictures can be acquired from several sources such as a URL or path file, Base64 string, byte array, or System.Drawing.Image object.
    • TextElement which simply wraps a text string that must be drawn on the Canvas. TextElement objects are created by specifying some basic properties such as Text, Font, ForeColor, StrokeColor, etc. TextElement are useful for drawing custom captions and watermarks.
    • RichTextElement which render rich text by mixing words in different fonts, sizes, capitalizations, foreground colors, etc.
    • WordArtElement which are stylized texts with special effects featuring gradient color fills and shaping. WordArtElement objects are created by specifying some basic properties such as Text, Font, ForeFill, StrokeFill, WordArtShape, etc.
    • ShapeElement which are preset shapes like rectangles, ovals, lines, arrows, stars, and polygons that can be drawn on the Canvas. AutoShapes support imaging effects, text inside them by allowing padding text feature, border roundness and dashed patterns.
Built-in ImageDraw Actions - Imaging Effects
Most time, Element objects (ImageElement, TextElement, WordArtElement, ShapeElement and RichTextElement) will require some "retouching" such as resizing, scaling, FX effects, etc. Actions are imaging effects that are applied on any Element objects. You can easily apply more than one Action on any elements. ImageDraw comes with 51 useful and impressive built-in ready to use Actions.

Some ImageDraw built-in imaging effects (Actions)


XML Templates for Dynamic Image Composition
ImageDraw features XML Template i.e. you can instruct an ImageDraw object for exporting/importing the composite image in XML text formatting. By invoking a simple class method you can get a string representation of the Output Composite Image in XML format allowing you to save it in any kind of data source be it SQL Server Database, file on disk, and so on. In the same way, you can restore the Composite Image from a XML Template by just invoking a simple class method as well.

Merging Actions
As stated before, ImageDraw architecture allows you to apply more than one Action on a given Element (ImageElement, TextElement, WordArtElement , ShapeElement and RichTextElement). The following figures show how some combination of Actions applied on an Element can improve its appearance.

ConvertToSepia + Filmstrip + PerspectiveShadow
Filmstrip + GlassTable (Reflection)
Polaroid + PerspectiveShadow
Polaroid + DropShadow
GlassTable (Reflection) on Image and Text elements
ConvertToNegative + Filmstrip


Features at a Glance
  Imaging
  .NET Technology
  Client Browsers
  • Any Internet Browsing software supporting HTML IMG tag
  • Internet Explorer, Netscape, Opera, Mozilla, Firefox, Safari, Google Chrome, etc.
  Design-time Development Support
  • ImageDraw Visual Editor and WYSIWYG design-time support for Microsoft Visual Studio 2005/2008 versions including Visual Web Developer 2005/2008/2010 Express Edition and Microsoft Expression Web
  • Visual Map Hot Spots edition
  • Visual Studio Intellisense support
  • Visual Studio Smart Tag
  Solution Projects Support
  • ASP.NET Web Site (design-time and runtime support)
  • Console Application (runtime support)
  • Class Library (runtime support)
  • Windows Service (runtime support)
  • ASP.NET Web Services (runtime support)
  • Windows Forms Application (runtime support)
  Installation and Deployment
  • Easy-to-install package
  • Simple Xcopy deployment

Syntax Example

<a href="http://www.neodynamic.com/Products/Demos/Demos.aspx?tabid=75&prodid=4"><b>Demos...</b></a> <a href="http://www.neodynamic.com/ND/FaqsTipsTricks.aspx?tabid=66&prodid=0&sid=52">How To: ASP.NET Dynamic Image Composition Data Binding consuming Amazon Web Services using ImageDraw</a> <a href="http://www.neodynamic.com/ND/FaqsTipsTricks.aspx?tabid=66&prodid=0&sid=46">How To: SQL BLOB Composite Images Data Binding using ASP.NET and ImageDraw</a> <a href="http://www.neodynamic.com/ND/FaqsTipsTricks.aspx?tabid=66&prodid=0&sid=47">How To: XML Base64 Composite Images Data Binding using ASP.NET and ImageDraw</a> <a href="http://www.neodynamic.com/ND/FaqsTipsTricks.aspx?tabid=66&prodid=0&sid=45">Dynamic Composite Image using ASP.NET GridView Data Binding</a> <a href="http://www.neodynamic.com/ND/FaqsTipsTricks.aspx?tabid=66&prodid=0&sid=43">How to create dynamic Folded Corners effect through ImageDraw image composition and ASP.NET</a> <a href="http://www.neodynamic.com/ND/FaqsTipsTricks.aspx?tabid=66&prodid=0&sid=42">How to create Papers Pile effect through ImageDraw image composition and ASP.NET</a> <a href="http://www.neodynamic.com/ND/FaqsTipsTricks.aspx?tabid=66&prodid=0&sid=51">How to create a dynamic ASP.NET e-Card Wizard with ImageDraw</a> <a href="http://www.neodynamic.com/ND/FaqsTipsTricks.aspx?tabid=66&prodid=4&sid=71">How to dynamically resize images by using ASP.NET FileUpload and ImageDraw</a> <a href="http://www.neodynamic.com/ND/FaqsTipsTricks.aspx?tabid=66&prodid=0&sid=44">How to dynamically create composite images using embedded images in ASP.NET Resource RESX</a> <a href="http://www.neodynamic.com/ND/FaqsTipsTricks.aspx?tabid=66&prodid=0&sid=53">How to use and manipulate images embedded into ASP.NET Resource Files RESX with ImageDraw</a> <a href="http://www.neodynamic.com/ND/FaqsTipsTricks.aspx?tabid=66&prodid=0&sid=48">How to improve the appearance of SQL BLOB images in Report Viewer RDLC using ImageDraw and ASP.NET - PDF & Excel Support</a> <a href="

Screenshots

Reviews

Submit a review

Barcode Professional for Reporting Services Reviewed by Dinesh Asanka

Reviewed by: neodynamic on Tuesday, February 05, 2008

5 Stars

<a href="http://www.neodynamic.com/Products/Review/Barcode_Professional_30_for_Reporting_Services_Review.aspx">Barcode Professional or Reporting Services Reviewed by Dinesh Asanka</a><br><br> you can see it at: http://www.neodynamic.com/Products/Review/Barcode_Professional_30_for_Reporting_Services_Review.aspx <br><br> <b>Recommendation</b><br> Barcode professional is the tailor made tool for barcode stuff. These kinds of software are limited in the market. In addition, you won’t get many tools which support barcode as well as SQL Server Reporting Services. By using this tool you can leverage features of barcode and SQL Sever Reporting Services. So download this tool from http://www.neodynamic.com/ND/Downloads.aspx?tabid=79&prodid=7 and experience the benefits. The Trial Version of Neodynamic Barcode Professional for Reporting Services is fully functional and has no expiry date. The only limitation it has is that a TRIAL legend will appear on the generated barcode image.