This problem is divided into two parts: front and back.
On the Web front-end, you can use JCrop to do image cropping. In fact, it is not real cropping, but selecting an area on the image. The real cropping is done by the backend. JCrop DEMO: http://deepliquid.com/project...
In the backend, different languages have APIs for image cropping. You can check the relevant documents. In addition, you can also use some cloud storage cropping functions. Alibaba Cloud and Qiniu have image cropping functions, such as Qiniu: https://developer.qiniu.com/d...
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
This problem is divided into two parts: front and back.
On the Web front-end, you can use JCrop to do image cropping. In fact, it is not real cropping, but selecting an area on the image. The real cropping is done by the backend.
JCrop DEMO: http://deepliquid.com/project...
In the backend, different languages have APIs for image cropping. You can check the relevant documents. In addition, you can also use some cloud storage cropping functions. Alibaba Cloud and Qiniu have image cropping functions, such as Qiniu: https://developer.qiniu.com/d...
You can implement related operations through drawImage of canvas
Recommend this library: PhotoClip
Demo address: http://htmlpreview.github.io/...
The specific effect is as follows: