Quick snippet to log ImageData in the Chrome JavaScript console

logImageData.js

function logImageData(imageData, size = 0) {
  const canvas = document.createElement("canvas");
  canvas.width = size || imageData.width;
  canvas.height = size || imageData.height;
  const ctx = canvas.getContext("2d");
  if (!ctx) throw new Error("Could not get 2d context");
  ctx.putImageData(imageData, 0, 0);

  const dataURL = canvas.toDataURL();
  console.log(
    `%c `,
    `font-size: ${size || imageData.height}px; background: url(${dataURL}); background-size: contain;`,
  );
}