ImageEditor Overview

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

Initializing the ImageEditor

To initialize the ImageEditor, use an existing div element and a jQuery selector.

    <div id="imageEditor"></div>
    <script>
      $(document).ready(function(){
          $("#imageEditor").kendoImageEditor();
      });
    </script>

Functionality and Features

Events

For an example on the ImageEditor events, refer to the demo on using the events of the ImageEditor.

Referencing Existing Instances

You can access an existing ImageEditor instance by using the .data() jQuery method. After the reference is established, use the JavaScript API reference of the ImageEditor to control its behavior.

    var imageEditor = $("#imageEditor").data("kendoImageEditor");

See Also

In this article
Not finding the help you need? Improve this article