工具
ImageEditor提供了一个预定义的工具集合，用于与控件交互。
方法可以启用这些工具中的任何一个工具栏()方法并配置Items集合以添加所需的工具。
默认的工具
默认情况下，ImageEditor的所有工具都包含在工具栏中。
下面的示例演示如何使用预定义的工具集实例化一个ImageEditor，并向ImageEditor工具栏添加一个自定义按钮。
@(Html.Kendo(). imageEditor (). name ("imageEditor") .工具栏(工具栏=>工具栏。Items(i=> {i. add ().Name("open");i.Add () . name(“保存”);i.Add () . name(“调整”);i.Add () . name(作物);i.Add () . name(“撤销”);i.Add () . name(“重做”);i.Add () . name(“zoomIn”);i.Add () . name(“zoomOut”);i.Add () . name(“zoomDropdown”);i.Add () .Type(“分离器”); i.Add().Type("button").Name("myButton").Text("Custom Button").Click("onButtonClick"); })) ) . {/script> .向工具栏添加自定义命令
ImageEditor名称空间公开了ImageEditorCommand类，该类可以被扩展以实现自定义ImageEditor命令。下面的示例演示如何创建一个自定义命令，该命令从加载的图像创建缩略图。
首先，通过扩展ImageEditorCommand类创建一个新命令。
然后将自定义命令添加到ImageEditor工具栏:
.Toolbar(工具栏= >工具栏。项目(i=> {i.d add (). command ("MakeThumbnailImageEditorCommand"). type ("button")。文本(“缩略图”);}))<工具栏> .在ImageEditor中加载图像
如果ImageUrl配置选项用于为ImageEditor设置预定义的图像，并且图像托管在另一个域中，则图像编辑工具将被禁用。如果需要从另一个域加载映像，则提供该映像作为base64string。当从同一个域加载映像时，请确保使用映像的相对路径，或者将映像作为base64string提供。