|
export async function loadImageToCanvas(imageBase64: string): Promise<HTMLCanvasElement> { |
|
return new Promise((resolve, reject) => { |
|
|
|
let img = new Image(); |
|
|
|
img.onload = () => { |
|
|
|
let canvas = document.createElement('canvas'); |
|
canvas.width = img.width; |
|
canvas.height = img.height; |
|
|
|
let ctx = canvas.getContext('2d'); |
|
if (ctx) { |
|
|
|
ctx.drawImage(img, 0, 0); |
|
|
|
resolve(canvas); |
|
} else { |
|
reject('Error creating the context of canvas'); |
|
} |
|
}; |
|
|
|
img.onerror = () => { |
|
reject('Image could not be loaded'); |
|
}; |
|
img.src = imageBase64; |
|
}); |
|
} |