如何从画布中找到图像文件的大小？

// 假设canvas是一个已经绘制了图像的Canvas元素
const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');

// 获取图像数据
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);

// 计算图像数据的大小（以字节为单位）
const sizeInBytes = imageData.data.length * 4; // 每个像素4个字节（RGBA）

console.log(`图像数据大小: ${sizeInBytes} 字节`);

async function getImageFileSize(url) {
  const response = await fetch(url, { method: 'HEAD' });
  const contentLength = response.headers.get('content-length');
  if (contentLength) {
    return parseInt(contentLength, 10);
  }
  return null;
}

getImageFileSize('path/to/image.jpg').then(size => {
  console.log(`图像文件大小: ${size} 字节`);
});