bulk image cropper

Experimente online!

Imagem online em massa Cropper

O que é isso?

Esta é uma ferramenta de corte de imagem em massa HTML5 no navegador. O usuário carrega uma lista de imagem e fornece um tamanho ou proporção desejada. Eles são mostrados as imagens uma a uma com uma máscara de corte que pode ser alterada. Quando terminam de personalizar as máscaras de corte, eles criam e baixam um zip com as imagens cortadas e opcionalmente redimensionadas.

Implantação

• Copie ambas image-cropping-tool.html e zip-web-worker.js para um servidor da web. Devido aos limites de segurança do navegador, ele não será executado como um arquivo local.
• Opcionalmente, abra image-cropping-tool.html em um editor de texto e procure TODO para fazer as alterações necessárias. Por exemplo, você pode adicionar algumas imagens de amostra.

Licença

Licença do MIT, embora eu aprecie um link de volta a este repositório:

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

Dependências

• O principal trabalho de personalizar as máscaras de corte e as imagens de corte/redimensionamento é feito pelo excelente Cropper.js.
• A interface do usuário é estilizada com Ui-kit.
• A funcionalidade da interface do usuário é fornecida pelo Vue.js versão 2.
• Além disso, o jQuery é usado.