Resize

'...
'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 Resize class

Dim resize As New Neodynamic.WebControls.ImageDraw.Resize()
resize.Width = 100
resize.LockAspectRatio = Neodynamic.WebControls.ImageDraw.LockAspectRatio.WidthBased

'Apply the action on the ImageElement

imgElem.Actions.Add(resize)

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

Me.ImageDraw1.Elements.Add(imgElem)
'...

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

//Create an instance of Resize class
Neodynamic.WebControls.ImageDraw.Resize resize = new Neodynamic.WebControls.ImageDraw.Resize();
resize.Width = 100;
resize.LockAspectRatio = Neodynamic.WebControls.ImageDraw.LockAspectRatio.WidthBased;

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

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

...
<neoimg:imagedraw id="ImageDraw1" runat="server">
   <Canvas AutoSize="True" />
   <Elements>
      <neoimg:ImageElement Source="File" SourceFile="~/images/night.jpg">
        <Actions>
           <neoimg:Resize Width="100" LockAspectRatio="WidthBased" />
        </Actions>
      </neoimg:ImageElement>
   </Elements>
</neoimg:imagedraw>
...

Neodynamic ImageDraw for ASP.NET

Resize

Represented by Neodynamic.WebControls.ImageDraw.Resize class.

This action changes the size of an Element. This action is typically used when you need to reduce or enlarge the current Element size to a new one. One interested feature is LockAspectRatio which determine how Element's proportions are maintained. For example, if LockAspectRatio is set to WidthBased, then the Element's proportions will be maintained based on the new specified width value i.e. the new Height of the Element will be automatically calculated based on the new Width value.

In the following example we have an ImageElement on the Canvas and a Resize action is applied on the ImageElement with none, width based, and height based lock aspect ratio respectively.

ImageElement before the action is applied

ImageElement before the action is applied.

ImageElement with Resize action applied on it. New width and height are 100 pixels. None LockAspectRatio was applied

ImageElement with Resize action applied on it. New width and height are 100 pixels. None LockAspectRatio was applied.

ImageElement with Resize action applied on it. New width is 100 pixels. LockAspectRatio is WidthBased and thus the new height is automatically calculated maintaining the aspect ratio

ImageElement with Resize action applied on it. New width is 100 pixels. LockAspectRatio is WidthBased and thus the new height is automatically calculated maintaining the aspect ratio.

ImageElement with Resize action applied on it. New height is 100 pixels. LockAspectRatio is HeightBased and thus the new width is automatically calculated maintaining the aspect ratio

ImageElement with Resize action applied on it. New height is 100 pixels. LockAspectRatio is HeightBased and thus the new width is automatically calculated maintaining the aspect ratio.

Syntax sample

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