ASP.NET MVC ImageEditor Overview

The Image Editor is part of Telerik UI for ASP.NET MVC, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Download Free Trial

The Telerik UI ImageEditor HtmlHelper for ASP.NET MVC is a server-side wrapper for the Kendo UI ImageEditor widget.

The ImageEditor utilizes a canvas element and enables image editing. It allows you to open, edit and save edited .png, .jpg, or .jpeg images.

• Demo page for the ImageEditor HtmlHelper

Initializing the ImageEditor

The following example demonstrates how to define the ImageEditor.

@(Html.Kendo().ImageEditor()
    .Name("imageEditor")
    .Width(500)
    .Height(500)
    .SaveAs(saveas => saveas.FileName("image.png"))
)

Functionality and Features

• Tools—The ImageEditor offers a collection of tools that allow the user to interact with the UI component.
• Events—To control the behavior of the component upon user interaction, you can use the events that the component emits.
• Accessibility—The ImageEditor is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.2, and keyboard support.

Next Steps

• Getting Started with the ImageEditor
• Basic Usage of the ImageEditor HtmlHelper for ASP.NET MVC (Demo)

See Also

• Using the API of the ImageEditor for ASP.NET MVC (Demo)
• Knowledge Base Section