2022-11-17 01:41:53 +00:00
|
|
|
async (imgString) => {
|
|
|
|
|
const tempImg = new Image();
|
|
|
|
|
const loadImage = () => {
|
|
|
|
|
return new Promise((resolve, reject) => {
|
|
|
|
|
tempImg.onload = (event) => resolve(event.currentTarget);
|
|
|
|
|
tempImg.onerror = () => {
|
|
|
|
|
reject("error loading string as an image");
|
|
|
|
|
};
|
|
|
|
|
tempImg.src = imgString;
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
const img = await loadImage();
|
|
|
|
|
const canvas = document.createElement("canvas");
|
2022-12-14 18:35:15 +00:00
|
|
|
canvas.width = img.width * 1.5;
|
|
|
|
|
canvas.height = img.height * 1.5;
|
2022-11-17 01:41:53 +00:00
|
|
|
const ctx = canvas.getContext("2d");
|
|
|
|
|
if (!ctx) {
|
2022-11-18 03:02:25 +00:00
|
|
|
return new Error("could not get canvas context");
|
2022-11-17 01:41:53 +00:00
|
|
|
}
|
|
|
|
|
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
|
|
|
|
|
return canvas.toDataURL("image/png");
|
|
|
|
|
}
|