How to crop an avatar?

Question

JavaScript

Good afternoon, please tell me how to make a real photo crop with coordinates, width and height as in this Demo? That is, you just need to select the image area and be able to reduce and expand
https://kirill3333.github.io/react-avatar/
You can use native JS or React, without libraries.

Answer 1

On react and without libraries... I
remembered the dialogue from "Alice..." (featured film):

- We need to split up...
- So, let's split up...
- BUT! TOGETHER!

On the Internet, solutions with lessons are just in bulk. Apparently, react took all the resources))

Answer 2

By entering crop image js/react into Google, 100500 libraries are displayed, you look at what suits and you use.
Apparently the author was confused by the fact that you need to make it round. In fact, the square picture is cut off and the radius is rounded off at the front through the border