canvas 转file

将 Canvas 转换为 File 的过程需要经过以下几步：

1. 将 Canvas 上的内容转换为 DataURL。
2. 将 DataURL 转换为 Blob 对象。
3. 将 Blob 对象转换为 File 对象。

以下是一个简单的实现示例：

// canvas 转 file
function canvasToFile(canvas, fileName) {
  // 将 Canvas 上的内容转换为 DataURL
  const dataURL = canvas.toDataURL();

  // 将 DataURL 转换为 Blob 对象
  const blob = dataURLToBlob(dataURL);

  // 将 Blob 对象转换为 File 对象
  const file = new File([blob], fileName, { type: blob.type });

  return file;
}

// DataURL 转 Blob
function dataURLToBlob(dataURL) {
  const arr = dataURL.split(",");
  const mime = arr[0].match(/:(.*?);/)[1];
  const bstr = atob(arr[1]);
  let n = bstr.length;
  const u8arr = new Uint8Array(n);
  while (n--) {
    u8arr[n] = bstr.charCodeAt(n);
  }
  return new Blob([u8arr], { type: mime });
}

这里的 `canvasToFile` 函数接收两个参数：Canvas 对象和文件名。它首先将 Canvas 上的内容转换为 DataURL，然后将 DataURL 转换为 Blob 对象，最后将 Blob 对象转换为 File 对象，并设置文件名和文件类型。