• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Custom Toolbar in ASP.NET Core Image Editor Control

This sample demonstrates a custom toolbar using the Image Editor Control.

DEMO
SOURCE
Image Editor
previewImage

The Image Editor component provides built-in support for adding a custom toolbar through APIs in the following ways:

  • Selection : Multiple selection options are available. The selection region can be a square or circle, customized to various aspects ratios, and customized by dragging and resizing.
  • Crop : The image can be cropped based on the selection.
  • Rotate : The image can be rotated both clockwise and anticlockwise by 90 degrees.
  • Freehand drawing : Draw freehand on the image and adjust the pen's stroke width and stroke color.
  • Get Image data : Retrieves the edited image in image data format.
  • Annotation : Text, rectangle, ellipse, and line annotation shapes are supported.
  • Filters : The predefined filters such as chrome, cold, warm, grayscale, sepia, and invert can be applied to the image.

More information about Image Editor can be found in this Documentation section.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab