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 ?
女神的闺蜜爱上我2017-07-05 10:55:59
0
3
942
Comment couper et télécharger une partie d'une image sur le front-end ? Que diriez-vous de télécharger via WeChat ou QQ ? Quelle technologie est utilisée
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...
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...
Vous pouvez implémenter des opérations associées via drawImage of canvas
Recommander cette bibliothèque : PhotoClip
Adresse de démonstration : http://htmlpreview.github.io/...
L'effet spécifique est le suivant :