There is a mobile application on ionic . I get an image from a user (from a camera or gallery, it doesn't matter) I need to achieve the following effect: the whole photo is darkened, only a small circle remains active, the circle moves after the user's finger in the photo. When the user presses the button - all photos are cropped to the active circle. How to implement this in general? Which way to google? What are ready solutions?

1 answer 1

For ionic1 you can help: https://github.com/andyshora/angular-image-crop

Sort of:

 <image-crop data-height="200" data-width="150" data-shape="circle" data-step="imageCropStep" src="imgSrc" data-result="result" data-result-blob="resultBlob" crop="initCrop" padding="250" max-size="1024" ></image-crop>

and then use the avatar modifier when displaying