Breaking News: Grepper is joining You.com. Read the official announcement!

Scale to fit

xcv answered on July 14, 2022 Popularity 6/10 Helpfulness 1/10

answer Scale to fit

Scale to fit

Comment

var image = new Image();
image.src = "imgURL";
image.onload = function(){
    scaleToFit(this);
}

function scaleToFit(img){
    // get the scale
    var scale = Math.min(canvas.width / img.width, canvas.height / img.height);
    // get the top left position of the image
    var x = (canvas.width / 2) - (img.width / 2) * scale;
    var y = (canvas.height / 2) - (img.height / 2) * scale;
    ctx.drawImage(img, x, y, img.width * scale, img.height * scale);
}

Popularity 6/10 Helpfulness 1/10 Language javascript

Source: riptutorial.com

Tags: javascript scale

Link to this answer
Share Copy Link

Contributed on Jul 14 2022

xcv

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Scale to fit

Contents

More Related Answers

Scale to fit

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.