所有Telerik . net工具和Kendo UI JavaScript组件在一个包中。现在增强了:
你好,我想有一个按钮,清除/删除图像编辑器上选定的图像。我看了你的客户端API,我找不到如何做到这一点?
谢谢你的帮助!
帕特里克
你好,帕特里克,
例如,要清除图像,可以清除canvas元素。要实现这一点,添加一个自定义命令到ImageEditor的工具栏,例如:
i.Add () .Command (ClearEditorCommand) .Type(“按钮”)。text(“清晰”);<脚本>varimageEditorNS = kendo.ui.imageeditor;imageEditorNS.commands.ClearEditorCommand = imageEditorNS.ImageEditorCommand.extend({执行:函数(){var, =这, options = that。Options, imageeditor = that。图像editor, canvas = imageeditor.getCanvasElement(), ctx = imageeditor.getCurrent2dContext(), image = imageeditor.getCurrentImage();varcroppedage = ctx.getImageData(0,0,1,1);ctx.clearRect (0,0、帆布。宽度,canvas.height);画布。宽度=0;画布。身高=0;ctx.putImageData (croppedImage0,0);imageeditor.drawImage (canvas.toDataURL ()) .done (函数(图像){imageeditor.drawCanvas(图片);}) . fail (函数(电动汽车){imageeditor.trigger (“错误”、电动汽车);});}});脚本>
这个示例REPL演示了上述内容.如果这不是您想要的,请随意对示例进行进一步定制以满足您的需求。
问候,亚历山大进步Telerik
manbets登录虚拟教室,免费的自定义技术培训,让您快速跟上Telerik和Kendo UI产品的速度,刚刚获得了一个全新的外观+新的和改进的内容,包括一个全新的Blazor课程!请在https://learn.telerik.com/.