Como implementar recorte de imagens com JavaScript | Crop com javascript

Nessa aula vou te ensinar a como implementar recorte de imagens com JavaScript, ou melhor, como fazer um crop de imagens usando o javascript.
_
➤SEJA MEMBRO: bit.ly/seja-mem...
➤VISITE O BLOG DO CLUBE FULL-STACK: alexandrecardo...
➤CURSOS NA UDEMY: bit.ly/cursos-...
➤REPOSITÓRIO DO CÓDIGO: github.com/ale...
➤REPOSITÓRIO DA AULA SOBRE PREVIEW DA IMAGEM:github.com/ale...
_
👇Aulas que você vai gostar
🔥Como fazer um preview de imagem com javascript - • Como fazer um preview ...
🔥Como pegar dados do formulário com javascript | Aprenda a trabalhar com o FormData - • Como pegar dados do fo...
🔥Fetch API com php - • Fetch api com php | Co...
🔥Como trabalhar com o Quokka - • Quokka | Trabalhando c...
🔥Autocomplete com php e javascript - • Como fazer um autocomp...
🔥Barra de progresso com javascript usando o DaisyUi - • Barra de progresso com...
🔥Métodos map e filter no javascript - • Métodos map e filter n...
🔥Funções de primeira classe no javascript - • Funções de primeira cl...
🔥Como criar um modal com html e javascript puro - • Criando um modal com h...
🔥Pegando elemento pelo id fácil com javascript - • Javascript#11 - Pegand...
🔥Como carregar o javascript no html corretamente - • Como adicionar javascr...
🔥Como criar elementos html com javascript - • Como criar HTML com Ja...
🔥Colocar fundo dark em seu site - • Como colocar o fundo d...
🔥Como criar site com php e javascript puro - • Criar site completo co...
_
Nesse canal você encontra aulas e cursos sobre PHP e Javascript, do zero ao Full-Stack.
As aulas são sempre direto ao ponto, sem enrolação, com o editor aberto do início ao fim.

[@AlexandreCardoso]

🔥Como fazer um preview de imagem com javascript - kzbin.info/www/bejne/l2TRo5h5obRojdk

[@Wilrrama]

Top

[@brahguinha]

Obrigado, Alexandre!

[@Andreftones]

27:27 Fiz uns testes aqui e parece que o blob sempre é .png, independente da extensão do arquivo. Pelo o que li na documentação somos nós que precisamos setar isso. // Upload cropped image to server if the browser supports `HTMLCanvasElement.toBlob`. // The default value for the second parameter of `toBlob` is 'image/png', change it if necessary.