Image cropping library before uploading to server?

Question

JavaScript

Good afternoon, tell me the libraries, or some piece of code for cropping the image, that is, before loading the image, you need to save the x, y coordinates, the width and height of the image. In fact, images are uploaded to the server completely without cropping, you need to select the area of ​​the image that we want to see on the front before uploading, after selecting this area, save the coordinates with width and height. JS, React.

Something like this is needed
https://kirill3333.github.io/react-avatar/

Answer 1

https://www.webdesignerdepot.com/2018/05/8-free-ja...

Answer 2

In JavaScript, you can resize images using Canvas:

https://www.internet-technologies.ru/articles/element-canvas-izmenenie-razmerov-i-obrezka-izobrazheniy.html