Create an Image Resizer with JavaScript & HTML5 Canvas

[@punkboy3320]

Thank you so much for this tutorial! Next thing that I'll do in this project is to put a download button so that it will work on mobile users.

[@mohammedtahabmt3256]

Thank You!

[@Mystrio0606]

Thanks

[@ganeshkrishnak6860]

Can you do with multiple images

[@papys44]

Thank you so freakin' much!!!!!!

[@dcode-software]

You're welcome

[@amitkrgupta094]

Hey Dcode, Are you planning to launch Udemy courses? KZbin summary says it has 'courses' but I don't see any course there.

[@Webcode4906]

How to download it? I mean how to pass url to download it?

[@lucifer-5ybtn]

can you make a tutorial on how to make an image cropper using vanilla javascript like cropperjs ? It’ll be of great help

[@lewiswill3663]

Hello Dcode. Can you do a tutorial on how to reuse controls like buttons or inputs with vanilla js? Thank you for tutorial!

[@aidanbenbow6682]

I think he recently just did.

[@fabiiic-ops8600]

Nice video, can we add stuff like object-fit: scale down? that would be really helpful when disabling aspect ratio to keep a nice and tidy image Would be great if somebody knows how to do that :D

[@coolexpresstamil]

Hi bro, your all videos super. Please put a video for submitting Form details store in same location. (Ex: in website one page to another page - submit form in one page means that details going to Store in another page) How to make like this script on HTML,java script

[@TomasMisura]

Believe me or not I have been looking for something like that. I have made a functionality for my website where I upload images from clipboard. Everything is working as expected but I am still struggling with large images that oversize canvas no matter I do. I found a code that resize images in aspect ration but for portrait oriented images it always cuts height. I hope this example will solve my problem

[@amitkrgupta094]

This is called Edge case and you need to do your research and solve it that what we engineers do.

[@mattdon6705]

Mr dcode sir, please I really need your assistance, concerning a piece of code that I've been trying to fix for a very long time now. And I feel you are one of the people who can help me out with this frustrating bug. Okay, so it's basically a simple code I wrote in HTML, CSS and JS that involves two pages. [By default, the second page overlaps the first, but you can simply set the z-index of the first page to be higher so it sits on top of the second, the function will still work.] NOW THE PROBLEM: I designed the code such that when I click on the body (or document): of the second page, the first page moves to the left (-100vw) and then sits on the second page (0vw, z-index:1) of the first page, the second page moves to the right (100vw) and then sits on the first page (0vw, z-index:1) You've got the idea (I used keyframes in CSS). When you view the effect in your browser you'll notice that at some point while animating from one page to the other, there will be a "jumpy" effect. At a point, the animation flows smoothly, then, at another point, it gives this "jumpy" effect (and that's really annoying) I WOULD SERIOUSLY LOVE TO HEAR YOUR RESPONSE, after which I'll immediately send you the code files. Oh, and you have my permission to feature the coding process on your KZbin channel. That way I'll be able to view it and make corrections. OR You can simply send me back the applied corrections via email: [e-mail] [FEEL FREE TO CHOOSE EITHER OPTION] ---------------------------------------------------------------------------------------------I'm Matthew Don from Nigeria.

[@SvetaSveta-ms4hi]

The first ❤️

[@dancehalllyrics1303]

"I'm gonna choose my stones right there ..." Putting that into the perspective that this video is about resizing, the sentence above sounds a little bit wrong ;)