We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Is it possible to use a circle overlay as a crop guide?

The current trend is for many user-selectable images, e.g. profile pictures, to be displayed in a circle rather than a rectangle. It would be great if there was an option for the crop guide overlay to be a circle instead of a rectangle so the user can ensure that their image content won't be cut off by the clipping of the circle. Obviously in this case, the image would actually crop to the bounding square around the circle, but having the crop guide overlay a circle would eliminate the guess-work around whether important bits will fall within the circle or not.
Is this possible via a work-around currently? Is this something you would consider adding to the image editor control?

1 Reply

SA Santhiya Arulsamy Syncfusion Team March 6, 2019 03:07 PM UTC

Hi Dhiren, 

Greetings from Syncfusion. 

Currently we don’t have to support to show the crop preview as circle instead of rectangle. We would like to suggest SfBorder control for rounded image. You can crop the image from ImageEditor and save the image then load the saved image within the SfBorder control and set the CornerRadius of the control to get the rounded image. 

We have prepared the sample for your reference. Please find the sample from the following location. 

Please refer the following UG link for more information. 

Santhiya A 

Live Chat Icon For mobile
Up arrow icon