Fade

'...
'Create an instance of ImageElement class

Dim imgElem As Neodynamic.WebControls.ImageDraw.ImageElement
imgElem = Neodynamic.WebControls.ImageDraw.ImageElement.FromUrl("~/images/night.jpg")

'Create an instance of Fade class

Dim fxFade As New Neodynamic.WebControls.ImageDraw.Fade()
fxFade.Shape = Neodynamic.WebControls.ImageDraw.FadeShape.Oval
fxFade.ShapeFill.Type = Neodynamic.WebControls.ImageDraw.FillType.Gradient
fxFade.ShapeFill.GradientShape = Neodynamic.WebControls.ImageDraw.GradientShape.Path

'Apply the action on the ImageElement

imgElem.Actions.Add(fxFade)

'Add the ImageElement to the Elements collection of the ImageDraw control

Me.ImageDraw1.Elements.Add(imgElem)
'Add the TextElement to the Elements collection of the ImageDraw control
'...

//...
//Create an instance of ImageElement class
Neodynamic.WebControls.ImageDraw.ImageElement imgElem = Neodynamic.WebControls.ImageDraw.ImageElement.FromUrl("~/images/night.jpg");

//Create an instance of Fade class
Neodynamic.WebControls.ImageDraw.Fade fxFade = new Neodynamic.WebControls.ImageDraw.Fade();
fxFade.Shape = Neodynamic.WebControls.ImageDraw.FadeShape.Oval;
fxFade.ShapeFill.Type = Neodynamic.WebControls.ImageDraw.FillType.Gradient;
fxFade.ShapeFill.GradientShape = Neodynamic.WebControls.ImageDraw.GradientShape.Path;

//Apply the action on the ImageElement
imgElem.Actions.Add(fxFade);

//Add the ImageElement to the Elements collection of the ImageDraw control
this.ImageDraw1.Elements.Add(imgElem);
//Add the TextElement to the Elements collection of the ImageDraw control
//...

...
<neoimg:imagedraw id="ImageDraw1" runat="server">
   <Canvas AutoSize="True" />
   <Elements>
      <neoimg:ImageElement Source="File" SourceFile="~/images/night.jpg">
         <Actions>
            <neoimg:Fade Shape="Oval" ShapeFill-BackgroundColor="255, 255, 255" ShapeFill-ForegroundColor="0, 0, 0"
                    ShapeFill-GradientColor1="0, 255, 255, 255" ShapeFill-GradientColor2="0, 0, 0"
                    ShapeFill-GradientShape="Path" ShapeFill-Type="Gradient" />
         </Actions>
      </neoimg:ImageElement>
   </Elements>
</neoimg:imagedraw>
...

Neodynamic ImageDraw for ASP.NET

Fade

Represented by Neodynamic.WebControls.ImageDraw.Fade class.

This action performs fading effect on an Element. Fading action/effect gradually fades a given area/region of the target Element into the background. ImageDraw implements a very flexible and powerful Fading effect allowing you to define an area/region represented by a shape on which the fade effect takes place. Given that, you can get fading effects like rectangles, ovals, stars of any number of points, polygons of any number of sides and much more. You can specify whether the area/region for fading should fit the target element's size or be of a fixed size. You can control the area/region location as well if needed.
The fading effect is determined based on how the shape's fill is set up. For example, if you set up the shape's fill to be a solid color, then no fading effect will be produced. However, if you set up the shape's fill to be a gradient colors and one of those colors is transparent or contains some transparency (through out Alpha color channel), then a fading effect will take place.

In the following example we have an ImageElement on the Canvas and a Fade action is applied on the ImageElement.

ImageElement before the action is applied.

ImageElement before the action is applied.

ImageElement with Rectangle fading.

ImageElement with Rectangle fading.

ImageElement with Oval (with path gradient fill) fading.

ImageElement with Oval (with path gradient fill) fading.

Syntax sample

Neodynamic ImageDraw for ASP.NET Documentation
Copyright © 2003 - 2008 Neodynamic - All rights reserved.