你能从客户端为图像编辑器清除/删除图像吗?

1回答 29日视图
ImageEditor
帕特里克
最高的成就
1级
帕特里克问上2022年11月29日03:19点

你好,我想有一个按钮,清除/删除图像编辑器上选定的图像。我看了你的客户端API,我找不到如何做到这一点?

谢谢你的帮助!

帕特里克

1回答, 1被接受

排序
0
亚历山大
Telerik团队
在回答2022年12月2日上午09:50

你好,帕特里克,

例如,要清除图像,可以清除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(0011);ctx.clearRect (00、帆布。宽度,canvas.height);画布。宽度=0;画布。身高=0;ctx.putImageData (croppedImage00);imageeditor.drawImage (canvas.toDataURL ()) .done (函数图像{imageeditor.drawCanvas(图片);}) . fail (函数电动汽车{imageeditor.trigger (“错误”、电动汽车);});}});脚本>

这个示例REPL演示了上述内容.如果这不是您想要的,请随意对示例进行进一步定制以满足您的需求。

问候,
亚历山大
进步Telerik

manbets登录虚拟教室,免费的自定义技术培训,让您快速跟上Telerik和Kendo UI产品的速度,刚刚获得了一个全新的外观+新的和改进的内容,包括一个全新的Blazor课程!请在https://learn.telerik.com/

标签
ImageEditor
帕特里克
最高的成就
1级
的答案,
亚历山大
Telerik团队
分享这个问题
Baidu
map