ImageEditor

Example

Razor

<kendo-imageeditor>
    <imageeditor-messages></imageeditor-messages>
    <save-as />
    <toolbar></toolbar>
</kendo-imageeditor>

ChildTags

Tag Name	Details
imageeditor-messages	ImageEditorMessagesSettingsTagHelper
save-as	ImageEditorSaveAsSettingsTagHelper
toolbar	ImageEditorToolbarSettingsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
height	Double	Configures the width of the ImageEditor.
image-label	String	Sets the label used for the <canvas> element to describe the image contents.
image-url	String	Sets the url (or base64 string) for the image to open.
on-error	String	The name of the JavaScript function that will handle the error event. Fired when an error happened with the image loading.
on-execute	String	The name of the JavaScript function that will handle the execute event. Fired when a command is executed.
on-image-loaded	String	The name of the JavaScript function that will handle the imageLoaded event. Fired when image is loaded. Can prevent the image rendering by calling the preventDefault() method.
on-image-rendered	String	The name of the JavaScript function that will handle the imageRendered event. Fired when canvas is rendered with the image. This event is triggered by commands and when drawCanvas method is called.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
width	Double	Configures the width of the ImageEditor.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.