getBase64FromImageUrl

getBase64FromImageUrl.ts

export function getBase64FromImageUrl(URL: string, width: number, height: number, setImageSize?: boolean):Promise<string> {
    return new Promise((res, rej) => {
        const img = new Image();
        img.src = URL;
        img.onload = function() {
            const canvas = document.createElement("canvas");
            canvas.width =  width;
            canvas.height = height;

            const ctx = canvas.getContext("2d");

            setTimeout(() => { //additional timeout to support ios
                if (setImageSize) {
                    ctx.drawImage(img, 0, 0, width, height);
                } else {
                    ctx.drawImage(img, 0, 0);
                }
                const dataURL = canvas.toDataURL('image/webp', 0.8);
                ctx.clearRect(0, 0, canvas.width, canvas.height);
                res(dataURL);
            }, 100);
        };
        img.onerror = rej;
    });
}