Blazor Image Editor Example - Profile Picture Customization

Image Editor / Profile Picture

The Image Editor component provides built-in support to rotate an image using the rotate method and support to crop an image using the select and crop methods.

Loading Syncfusion Blazor Server Demos…

In this demo, Image Editor is rendered within a dialog and opens an image by passing its URL path to the open method of the Image Editor control.

The following operations are supported in the Image Editor. :

  • Selection : Multiple selection options are available. The selection region can be a square or circle, customized to various aspect 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.

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

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE