Example of Profile Picture in React Image Editor Component

All Controls
/
Image-editor
/
ProfilePicture

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.

More Details...

Loading....
Description

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.