bulk image cropper

Essayez-le en ligne!

Cropper d'image en vrac en ligne

Qu'est-ce que c'est?

Il s'agit d'un outil de recadrage d'image de masse HTML5 dans le navigateur. L'utilisateur charge une liste d'image et fournit une taille ou un rapport d'aspect souhaité. On leur montre ensuite les images une par une avec un masque de recadrage qui peut être modifié. Quand ils ont fini de personnaliser les masques de recadrage, ils créent et téléchargent un zip avec les images recadrées et éventuellement redimensionnées.

Déploiement

• Copiez à la fois image-cropping-tool.html et zip-web-worker.js sur un serveur Web. En raison des limites de sécurité du navigateur, elle ne s'exécutera pas en tant que fichier local.
• Facultativement, ouvrez image-cropping-tool.html dans un éditeur de texte et recherchez TODO pour apporter toutes les modifications dont vous avez besoin. Par exemple, vous pouvez ajouter quelques exemples d'images.

Licence

Licence MIT, bien que j'apprécierais un lien vers ce référentiel:

https://github.com/danfickle/bulk-image-cropper

Dépendances

• Le principal travail de personnalisation des masques de recadrage et des images de recadrage / redimensionnement est effectué par l'excellent Cropper.js.
• L'interface utilisateur est stylée avec UI-Kit.
• La fonctionnalité d'interface utilisateur est fournie par Vue.js version 2.
• De plus, jQuery est utilisé.