Telerik UI for ASP。网络核心
ASP。NET核心图像编辑器
- 使用ASP。网络核心ImageEditor component to modify image files directly in the browser with no need of external software. Features built-in commands for cropping, resizing, loading, zooming and more.
- 该控件是用于ASP的Telerik UI的一部分。网络核心suite along with 110+ fully-featured UI components designed to speed up delivery & improve every aspect of your workflow.
- 利用公共产品路线图、定期发布、广泛的学习资源和优秀的技术支持团队，管理每个项目并相应地计划开发时间。
-
概述
与Telerik UI为ASP。NET核心图像编辑器component your users gain the ability to modify image files in the browser without installing third-party software or opening an external application. The control is driven by the HTML5 Canvas element. It provides several built-in commands for loading, cropping, resizing, zooming and downloading the edited image.
看到ASP。网络核心图像编辑器in action
-
调整
为了简单起见，图像编辑器的一些工具，如调整大小工具，在控件的右侧使用专用面板。该面板显示用于编辑图像尺寸的UI和用于锁定长宽比的复选框。当用户尝试正确的大小时，将显示一个预览。通过撤销和重做按钮，用户可以在决定最适合自己的方法之前，轻松地恢复或重新应用对图像的更改。
-
裁剪
与Resize命令类似，裁剪也使用专用面板。面板包含了调整长宽比、方向、宽度和高度的选项。用户可以预览结果，并在需要时使用Undo和Redo按钮恢复/重新应用更改。
-
缩放
要放大或缩小图像，用户可以使用编辑器顶部的缩放控件:
- 放大缩小按钮
- 长镜头按钮
- 下拉菜单选择“适合屏幕”(缩放整个图像以适应控件的显示区域，通常通过缩放)和“显示实际尺寸”(如果需要，使用滚动条以完整分辨率显示整个图像)
-
自定义命令
如果默认的工具，如打开、保存、调整大小、裁剪、撤销、重做等，都不能满足您的项目需求，您可以通过扩展ImageEditorCommand类并实现一个自定义ImageEditor命令来添加自定义命令。要查看如何创建自定义命令以从加载的图像创建缩略图的示例，请访问我们的ImageEditor文档页面． -
上传和下载
你可以上传你想要编辑的图片，然后点击一个按钮下载编辑过的图片，然后它会显示一个窗口来选择你想要编辑的图片(“打开图片”)，或者会下载你已经使用组件完善的图片(“保存图片”)。 -
剃刀页面中的图像编辑器
您可以轻松地为ASP配置Telerik UI。NET核心图像编辑器component in a Razor Page scenario by making the ImageEditor forward the content to a proxy URL, even if the browser supports local saving of files.
了解如何实现剃刀页面中的图像编辑器
-
HTML和标签帮助器
Telerik UI for ASP。网络核心offers two options for declaring UI components—through HTML or Tag helpers. You can choose which approach to use for the Image Editor component based on the developer preference, technology background or team development practice. Both HTML and Tag helpers allow you to lay out the components and their configuration with a simple and easy-to-read HTML-like syntax.
-
可访问性
图像编辑器组件遵循WAI-ARIA Authoring Practices来实现键盘导航，并且符合Section 508和WCAG 2.1指南，因此您可以放心，当将它添加到您的应用程序时，它将满足所有用户的需求。
-
键盘导航
图像编辑器是用于ASP的Telerik UI中的众多组件之一。NET Core套件，具有开箱即用的键盘导航支持。用户可以使用Ctrl + Z撤销和Ctrl + Y重做命令，Tab选择哪个按钮聚焦和回车或空格按下聚焦按钮。
-
图像编辑器主题
Telerik ASP。网络核心图像编辑器has 20+ built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better). You can easily customize any of out-of-the-box themes with a few lines of CSS, or create new theme to match your colors and branding by using theTelerik SASS ThemeBuilder应用程序。
