[HOW TO] SfImageEditor: add a single circle on image

[Matteo Comi]

Hello,

I would like to user the SfImageEditor control to add a single circle over an image by touching it, if possible without choosing the control.

I know how to hide the toolbar items and how to create a custom item, but how can I achieve my goal?

Would it be possible to create a single circle and delete the ones drawed previously?

Thanks in advance,

Matteo

[Rachel A]

Hi Matteo, 

 

Thanks for contacting Syncfusion Support. 

 

You can achieve your requirement by using the AddShape method in SfImageEditor to add the shape dynamically without using any toolbar items. Please refer the below code snippet for your reference. 

 

[C#] 

 

imageEditor.AddShape(ShapeType.Circle, new PenSettings()); 

 

 

 

We have prepared the sample to add the shape when tapping the image. Please find the sample from the following location. 

 

Sample: https://www.syncfusion.com/downloads/support/forum/145433/ze/ImageEditor_AddShapes_Modified1081874161 

 

Please refer the below UG link for how to add the shapes without using toolbar. 

 

https://help.syncfusion.com/xamarin/sfimageeditor/shapes#shapes 

 

Also, refer the below UG link for customizing the shape settings and shape rendering position. 

 

https://help.syncfusion.com/xamarin/sfimageeditor/shapes#customizing-a-shape-with-pen-settings 

 

Regards, 

Rachel.