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

function resizeBase64Img(base64, newWidth, newHeight) { return new Promise<string>((resolve, reject)=>{

Uninterested Unicorn answered on December 23, 2020 Popularity 2/10 Helpfulness 1/10

answer function resizeBase64Img(base64, newWidth, newHeight) { return new Promise<string>((resolve, reject)=>{

function resizeBase64Img(base64, newWidth, newHeight) { return new Promise<string>((resolve, reject)=>{

Comment

/**
 * Resize a base 64 Image
 * @param {String} base64 - The base64 string (must include MIME type)
 * @param {Number} newWidth - The width of the image in pixels
 * @param {Number} newHeight - The height of the image in pixels
 */
function resizeBase64Img(base64, newWidth, newHeight) {
    return new Promise((resolve, reject)=>{
        var canvas = document.createElement("canvas");
        canvas.style.width = newWidth.toString()+"px";
        canvas.style.height = newHeight.toString()+"px";
        let context = canvas.getContext("2d");
        let img = document.createElement("img");
        img.src = base64;
        img.onload = function () {
            context.scale(newWidth/img.width,  newHeight/img.height);
            context.drawImage(img, 0, 0); 
            resolve(canvas.toDataURL());               
        }
    });
}

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: function javascript return

Link to this answer
Share Copy Link