小编And*_*cum的帖子

我正在从画布创建一个 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

这是可行的，但img_b64我想要一个 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 …