javascript - Comment le front-end implémente-t-il la découpe et le téléchargement d'une partie d'une image? Que diriez-vous de télécharger via WeChat ou QQ ? Quelle technologie est utilisée ?

Question

Comment le front-end implémente-t-il la découpe et le téléchargement d’une partie d’une image ? Que diriez-vous de télécharger via WeChat ou QQ ? Quelle technologie est utilisée ?

扔个三星炸死你 · Answer

Ce problème est divisé en deux parties : recto et verso.

Sur le front-end Web, vous pouvez utiliser JCrop pour effectuer un recadrage d'image. En fait, il ne s'agit pas d'un véritable recadrage, mais de la sélection d'une zone sur l'image. Le véritable recadrage est effectué par le backend.
DÉMO JCrop : http://deepliquid.com/project...

Dans le backend, différentes langues disposent d'API pour le recadrage d'images. Vous pouvez consulter les documents pertinents. De plus, vous pouvez également utiliser certaines fonctions de recadrage du stockage cloud. Alibaba Cloud et Qiniu ont des fonctions de recadrage d'image, telles que Qiniu : https://developer.qiniu.com/d...

阿神 · Answer

Vous pouvez implémenter des opérations associées via drawImage of canvas

世界只因有你 · Answer

Recommander cette bibliothèque : PhotoClip

Adresse de démonstration : http://htmlpreview.github.io/...
L'effet spécifique est le suivant :