New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial

Definition

Namespace:Telerik.Web.UI.ImageEditor

Inheritance: Telerik.Web.UI.ImageEditor.EditableImage

Events

Adds a imageReload event handler for the editableimage

JS
add_imageReload
Parameters:handlerFunction

The event handler function to attach

Removes a imageReload event handler from the editableimage

JS
remove_imageReload
Parameters:handlerFunction

The event handler function to remove

Methods

Add text to the image

JS
static addText(Number x, Number y, Telerik.Web.UI.ImageEditor.ImageText text): void
Parameters:xNumber

The left

yNumber

The top

textTelerik.Web.UI.ImageEditor.ImageText

The text to add to the image

Initiates a callback to the server and performs operations (saving image, cropping and etc.) to the image on the server.

JS
static applyChangesOnServer(Boolean saveImageServer, Object fileName, Boolean call_saveOnClient, Boolean overwrite): void
Parameters:saveImageServerBoolean

True

fileNameObject

The filename of the image. If null then the original filename is used. If file name is not a string

call_saveOnClientBoolean

True

overwriteBoolean

True

Changes the opacity of the image

JS
changeOpacity(Object opacity): Object
Parameters:opacityObjectReturns:

Object

Crops the image by the specified rectangular bounds

JS
crop(Object rectangle): Object
Parameters:rectangleObjectReturns:

Object

Initiates an ASP.NET client callback to the server and raises the ImageEditing server side event

JS
doServerOperation(Object commandName, Object commandText, Object commandArgument, Object callbackFunction): Object
Parameters:commandNameObjectcommandTextObjectcommandArgumentObjectcallbackFunctionObjectReturns:

Object

Flips the image in specified direction

JS
flip(Object flipDirection, Object clearPrevFlipDirection): Object
Parameters:flipDirectionObjectclearPrevFlipDirectionObjectReturns:

Object

Gets the flip direction of the editable image

JS
get_flipDirection(): Object
Returns:

Object

Gets the current height of the image. Note that value may be different that the height of the image DOM element, for example, when zoomed

JS
static get_height(): Number
Returns:

Number

The height of the editable image

Gets the current opacity of the editable image

JS
static get_opacity(): Number
Returns:

Number

The opacity value of the editable image. Range

Gets the rotation object value of the editable image

JS
get_rotation(): Object
Returns:

Object

Gets the rotation angel of the editable image

JS
get_rotationAngle(): Object
Returns:

Object

Gets the src of the original image, i.e. before the server operations

JS
get_serverUrl(): Object
Returns:

Object

Gets the src of the edited image

JS
static get_url(): String
Returns:

String

The Url value of the image

Gets the current width of the image. Note that value may be different that the width of the image DOM element (e.g when zoomed)

JS
get_width(): Object
Returns:

Object

Gets the current zoom level of the image

JS
static get_zoomLevel(): Number
Returns:

Number

The current zoom level

Get the image being edited

JS
static getImage(): Object
Returns:

Object

A reference to the image DOM element

Inserts image (clip art) into the editable image at the specified position

JS
static insertImage(Number x, Number y, String imgSrc, Array operations): void
Parameters:xNumber

The X coordinate of the image

yNumber

The Y coordinate of the image

imgSrcString

The client URL of the image to insert.

operationsArray

Array of operations to apply to the clip art image

Resets the image to the provided image src

JS
static reset(String imageUrl): void
Parameters:imageUrlString

The src of the image

Resizes the image according to the specified dimensions

JS
resize(Object width, Object height): Object
Parameters:widthObjectheightObjectReturns:

Object

Rotates the image according to the rotation direction specified

JS
rotate(Object rotationDirection): Object
Parameters:rotationDirectionObjectReturns:

Object

Invokes the download of the edited image to the client's machine

JS
static saveOnClient(Object fileName): void
Parameters:fileNameObject

The name of the file

Sets the src of the original image

JS
set_serverUrl(Object value): Object
Parameters:valueObjectReturns:

Object

The wrapper class for editing images.

JS
static Telerik(Object image, Telerik.Web.UI.RadXmlHttpPanel xmlHttpPanel): void
Parameters:imageObject

The image to be edited

xmlHttpPanelTelerik.Web.UI.RadXmlHttpPanel

The XmlHttpPanel to handle the server related editing operations

Zooms(scales) the image by the specified level in percentages. This operation does not change the image

JS
static zoom(Number zoomLevel, Boolean forceZoom): void
Parameters:zoomLevelNumberforceZoomBoolean

Zooms the image to best fit in the viewport

JS
zoomBestFit(Object width, Object height): Object
Parameters:widthObjectheightObjectReturns:

Object

Not finding the help you need?
Contact Support