Maikao vc não merece só um like, vc merece um caminhão mano, apesar de se iniciante, achei da hora a didática, meio que vou ter estudar muito pra entender a fundo este código, mais me salvou por hora, mais um inscrito e sorte pra ti mano
Já sou Apaixonado por matemática e programação e vcs faz um vídeo recheado de cálculos ahhh q delicinha meu like já tá garantido até compartilhei com meus amigos parabéns pelo conteúdo 👏
Acho que esse é o tutorial mais procurado da internet. Como sofri com isso alguns anos atras. Sorte que hoje temos o Mayk Brito. Meu comentario sobre o novo react ainda ta de pe kkkkkkk
hahahhaah.. que massa que curtiu Igão!!! É algo que eu tava querendo fazer já tem um tempo, pois eu procurava também, e meio que não achava nada sobre o assunto.. Agora rolou!💜
Parabéns pelo conteúdo Mayk. Rico em conteúdo e bem explicado. Teria como fazer de forma automática sem o crop? Tipo gerar uma imagem com js e canva e salvar esta imagem no servidor?
Caramba!!! Uma dúvida...teria como eu fazer o corte "automaticamente" ..- por exemplo, preciso que a imagem fique SEMPRE com no máximo 320x320px...no caso seria uma área de corte fixa certo? Alguma ideia?
Fala Igão.. o display:initial server para deixar o elemento como valor do display no seu estado inicial. A gente colocou no CSS como display:none certo? Então, estamos escondendo o elemento naquele momento. Quando colocamos o valor initial, o elemento será apresentado na tela novamente 😍 A borda tracejada é o valor dashed aplicado ao border (border: 2px dashed green)
Maykão, como vai mestre? Encontrei um pequeno bug. Se carregar uma imagem grande, e cortar, ao rolar a pagina para chegar aos botões, a seleção vem junto (visualmente) Como poderia resolver isso ? Talvez redimensionar a imagem para um tamanho máximo ? Abraço e obrigado por compartilhar esses conhecimentos incríveis.
![Canvas Drag & Drop Objects Tutorial | HTML5 Canvas JavaScript Tutorial [#10]](http://i.ytimg.com/vi/7PYvx8u_9Sk/mqdefault.jpg)
Sensacional essa aula. Excelente didática.
Maykão, você é o cara. Gosto muito da sua didática de ensino. Parabéns, estou aprendendo cada vez mais com voçê. Obrigado.
Que massa Donato!! Muito obrigado pelo feedback! 💜
Perfeito, meu véio! Mayk Mestre!
você é um colírio para os olhos Maykão, muito bom ver sua alegria ao ensinar os diversos conteúdos, sucesso Maykão!!!
Mayk é a felicidade em pessoa hahaha. Valeeeu pelo feedback, Adrians! 💜
Cara bonzão, ganhou uma escrita 🥰❣
maykão, incrivel a aula, muito aprendizado , grato !
Aula maravilhosa. Parabéns Maycão pela dedicação no ensino.
Que bom que curtiu. Obrigado Klaylton
Valeeeeu pelo feedback, Klaylton!! 💜💜
A Cada codeDrop você surpreende!!
Tópê Tópê Maik 👊🏼
Que bom que tá gostando irmão. Valeu Josué 😍✌️
Tooop demais! Valeeeu Josué! 💜💜
Maikao vc não merece só um like, vc merece um caminhão mano, apesar de se iniciante, achei da hora a didática, meio que vou ter estudar muito pra entender a fundo este código, mais me salvou por hora, mais um inscrito e sorte pra ti mano
Chegou a notificação, concentração total no vídeo do Maikão 😎 bora codar
😍😍😍
Boaa hahah 💜💜
Já sou Apaixonado por matemática e programação e vcs faz um vídeo recheado de cálculos ahhh q delicinha meu like já tá garantido até compartilhei com meus amigos parabéns pelo conteúdo 👏
Hahahah a pergunta que não quer calar.... Assistiu em 4x? 😄😄
aplicação muito massa!
já pode criar o quadro "levelUP" que pega os codedrops do mayk e refatora! talvez até transformando em uma aplicação ReactJS
Opa, não é uma má ideia! Valeeu Gabriel! 💜💜
curti hein!😍
Amo de mais teus conteúdos Maykão
Que massa Victor!! Valeeeuzão pelo feedback! 💜💜
Conteúdo novo!!
A Rocketseat é bacana demais, continuem assim !!!!
Valeu Ronald ✌️✌️
Valeeeu Ronald!! 💜💜
Muuiito legal! nao esperava que fosse tao tranquilo assim!
Achei que ia fazer ate a parte do select em canvas tambem
Valeeeeu Cheng! 💜💜
tá maluco Maykão?, que conteúdo top!!!!!!!!!!!!🚀🚀🚀🔥🔥
Valeeeeeeeu Matheus! 💜💜
Quando vc mil likes e nenhum deslike, vc sabe que o cara sabe dar aula
Absurdo Maykão, obrigado pelo conteúdo.
Se possível: poderia trazer a versão com estratégias de um código mais limpo?
Faala Matheus! Valeeu pelo feedback e sugestão!! 💜💜
Tô achando que vou fazer mesmo hein rsrsrs. Já tem um pessoal pedindo rsrs
Cara tu só faz coisa tri!
Que bom que tá curtindo 😍
💜💜
Acho que esse é o tutorial mais procurado da internet. Como sofri com isso alguns anos atras. Sorte que hoje temos o Mayk Brito. Meu comentario sobre o novo react ainda ta de pe kkkkkkk
Hahah verdade! Mayk salva demaais! 💜😍
hahahhaah.. que massa que curtiu Igão!!! É algo que eu tava querendo fazer já tem um tempo, pois eu procurava também, e meio que não achava nada sobre o assunto.. Agora rolou!💜
Brabo Maykaum, tenho q rever mais 3x pra aprender tudo. Vlw
Hahahah Valeeeu Thiago!! Só vai!! 🚀🚀
Whaaaat!!! Maykão rules!!!
Hahahaha 😄
ahahah 😍
Adicione
`pointer-events: none;`
no elemento
`#selection-tool`
que vai resolver os bugs na hora da seleção
Top d+ Maikão. Valeu demais
Grande Leandro. Valeu brother ❤️❤️❤️
Valeeeu pelo feedback, Leandro!! 💜💜
Feito aqui. Obrigado Maikão!
top top Arthur
Boaa Artur! 🚀🚀
Gosto muito das suas aulas, você é muito bom! Obrigado pela disposição e pela inspiração para continuar aprendendo programação!
Gostaria de saber:
🙏🙏🙏 tmj Jd ❤️❤️❤️
Que massa Jd!! Valeeu pelo feedback! 💜💜
Maykão, você é incrível
Valeu Helton 💚💚💚
💜💜
💜💜
@@maykbrito q000000000
Ótimo vídeo parabéns ✌.
😉✌️✌️✌️
Faala, Romulo! Muito obrigado pelo feedback! 💜💜
Quando crescer quero ser assim!
Hahah todos queremos!! Mayk é fera demais! 💜😍
hahahah que isso.. estamos aprendendo sempre André 🙈🙈
Incrível, Maykão!
Qual distro do Linux vc usa?
E como sempre ficou show!! Obs: fiquei curioso pra ver como seria a refatoração desse código rsrs
Valeu Rafael.. Uma boa ideia né? Vou ver se descolo isso pra gente ✌️✌️
Valeeeu pelo feedback Rafael!! 💜💜
Show de bola, seria legal agora uma ferramenta semlhante porém que remove o fundo da imagem, ficaria legal, grande aula valeu
Boaa! Valeeu pela sugestão Marcelo!! 💜
Marcelo que ideia show!! Dá até pra adicionar a essa ferramenta mesmo🧡 Interessantíssimo!
Parabéns pelo conteúdo Mayk. Rico em conteúdo e bem explicado. Teria como fazer de forma automática sem o crop? Tipo gerar uma imagem com js e canva e salvar esta imagem no servidor?
Caramba!!! Uma dúvida...teria como eu fazer o corte "automaticamente" ..- por exemplo, preciso que a imagem fique SEMPRE com no máximo 320x320px...no caso seria uma área de corte fixa certo? Alguma ideia?
excelente vídeo...
Mayk, qual a ferramenta vc usa para manter essas copias múltiplas?
Valew e parabéns.
Tu é o cara.
Faala, GC! O Mayk utiliza o Alfred no mac. Para o Linux um alternativo a ele seria o ULauncher com a extensão de copiar e colar! 💜💜
@@rocketseat Opa, muito obrigado pessoal.
Vocês são incríveis.
nota 1000
@@rocketseat Opa eae pessoal, tudo bem ?
Alguma alternativa para Windows ?
Excelente conteúdo! Show!
Faala, Elliot (ou seria Mr. Robot? 😶)! Muito obrigado pelo feedback! 💜
qual o do tema do vscode usado na aula mayke?
Ficou show
😍😍✌️✌️
Valeeeeu Ismael! 💜
Maik qual tema é esse? Eu amei ele
teria alguma solução de inserir textos e também poder pintar na imagem enfim um paint da vida
eu nao entendi esse display initial com borda tracejada....procurei na net e nada que explicasse..=/
Fala Igão.. o display:initial server para deixar o elemento como valor do display no seu estado inicial. A gente colocou no CSS como display:none certo? Então, estamos escondendo o elemento naquele momento. Quando colocamos o valor initial, o elemento será apresentado na tela novamente 😍
A borda tracejada é o valor dashed aplicado ao border (border: 2px dashed green)
@@maykbrito hmmmmmm
💜💜
Como eu poderia fazer para enviar uma foto para upload vindo do canvas
Boa Maykao!!!
valeu Renan
💜💜
Cara. Esse ponto e virgula no fim hem kkkkk alguns tem outros não. Adorei o video! Um choque de conhecimento
Fala André.. Valeu.. Eu desativei meu linter mental kkk
Hahaha 😄. Que massa André!! Valeeu pelo feedback! 💜💜
Meu mouseup não ta funcionando q raiva!! na parte de soltar, ele solta mas constinua modificando largura e altura
0:08 nãoooo, só precisei ver isso pra saber que o maykão manja de canvas, 😮😮😮😮😮😮
Hahaha todo dia descobrimos uma coisa nova que o Mayk já sabe fazer e nós não sabíamos 😂😂
@@rocketseat Com certeza
Parabéns Excelente! ☺
Como chama a ferramenta que usou pra escrever na tela?
É uma que criei pra essa finalidade.. Está no meu github (maykbrito) e o nome é screenboard
💜💜
Maykão, como vai mestre?
Encontrei um pequeno bug.
Se carregar uma imagem grande, e cortar, ao rolar a pagina para chegar aos botões, a seleção vem junto (visualmente)
Como poderia resolver isso ?
Talvez redimensionar a imagem para um tamanho máximo ?
Abraço e obrigado por compartilhar esses conhecimentos incríveis.
Faaala, Guilherme!! Acho que seria uma possível solução sim! 💜💜
Maykão, qual extensão você usa para deixar o "live server" do código no vscode?
Faala Rodrigo! Na verdade é uma janela do navegador aberta em cima. O Mayk ensina a criar isso nesse vídeo: th-cam.com/video/zy-B9d2ZVrw/w-d-xo.html
Excelente!!!!
💜
Valeeeu dev!! 💜💜
A PRÓXIMA poderia ser edição de vídeo?!? :P
SHOW, show, show...
Quem sabe? 👀. Valeeu pela sugestão Bill! 💜
ooo.. que massa hein!!
Maik onde pesquiso pra mandar um pedido de um site de lanches pra Whatsapp da lanchonete?
Cara vlw mesmo
Vc já me respondeu no insta
@@jeffersonrodrigues9509 isso rsrs
💜💜
Oba
uhuuulll
💜💜
mito
Hahaha 😍
Achei muito legal.
Alguém sabe como faço para fazer um upload da imagem cortada ?
Por exemplo eu abro a câmera tiro a foto e envio ela para upload
Ja to fritando, ja.
Hahahah boraa 😄😄