Kendo UI for jQuery ImageEditor Overview
The ImageEditor utilizes a canvas element and enables image editing. It allows you to open, edit and save edited images.
The Image Editor is part of Kendo UI for jQuery, 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.
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");