How to scale an image in canvas?

Question

I want to scale this image making it the same size as the canvas, but without affecting its proportions.
https://code.sololearn.com/WLJGi89dLrcO/?ref=app

Answer 1

Is this what you want?

var scale = Math.min(C.width / img.width, C.height / img.height);
ctx.drawImage(img, 0, 0, img.width * scale, img.height * scale);

But obviously, if the Canvas does not have the same aspect ratio as the image, the scaled image would never fit the Canvas perfectly.

More on drawImage: https://www.w3schools.com/tags/canvas_drawimage.asp

Answer 2

Thanks you! Yes, is that :D

Answer 3

You're welcome! 😊