最好的方法是直接从imagebitmap转换为blob，但目前还没有（尽管bitmaprenderer画布与此非常接近）。
但是你可以自己编写一个png（或任何其他格式）编码器，或者使用互联网上已有的编码器（这里我将使用它）https://github.com/wheany/js-png-encoder 因为出于某些原因，它已经出现在我的浏览器历史记录中）。

// We use a 32bit Array because it's faster to set pixels on it
const data = new Uint32Array(300*150);
// make some noise
for(let i = 0; i<data.length; i++) {
  data[i] = Math.random() * 0xFFFFFF + 0xFF000000;
}
const uint8 = new Uint8ClampedArray(data.buffer);
const as_str = [...uint8].map(byte => String.fromCharCode(byte)).join("");
const png_str = generatePng(300, 150, as_str);
const png_arr = new Uint8Array(png_str.length);
for (let i = 0; i < png_str.length; i++) {
  png_arr[i] = png_str.charCodeAt(i);
}
const blob = new Blob([png_arr], {type: "image/png"});
const img = new Image();
img.src = URL.createObjectURL(blob);
document.body.append(img)

<script src="https://cdn.jsdelivr.net/gh/wheany/js-png-encoder@master/generatepng.js"></script>

然而，这可能不是一个好主意。就在这个片段中，我们在内存中复制了5次图像数据（2倍于原始像素数据，3倍于png），与本机libpng相比，我们用于进行所有转换的所有路径都非常慢。我不知道为什么您认为不能使用画布，但请注意，即使是node也有一个2d画布实现。