我正在从画布中创建一个PNG文件,在将画布显示为img元素之前,使用blob作为img的src。目前我尝试过的方法:
canvas = document.getElementById("canvas");
//Get data from canvas
img_b64 = canvas.toDataURL('image/png');
//Create PNG
png = img_b64.split(',')[1];
//Create new img
img = document.createElement("img");
img.src = img_b64;
//Append img to document
//Save png
这个方法有效,但我希望使用blob作为img的src,像这样:
//Create blob from new PNG
blob = new Blob([window.atob(png)], { type: 'image/png', encoding: 'utf-8' });
//Create new img with blob as src
img = document.createElement("img");
img.src = URL.createObjectURL(blob);
//Append img to document
//Save png
上面的代码只显示了一个空的img。有没有办法做到这一点,或者我必须先创建png文件,然后再为它创建一个blob?
blob = new Blob([window.atob(png)]...
,该语句中的png
是如何定义的? - Igwe Kalu