opencv.js 加载arraybuffer 格式的图片

`opencv.js` 是一个基于 Web 的 OpenCV 实现，它允许你在浏览器环境中使用 OpenCV 进行计算机视觉处理，包括图像和视频操作。当需要加载 ArrayBuffer 格式的图片时，你需要先将 ArrayBuffer 转换为 ImageData 或者 Data URL 然后再提供给 `cv.imread()` 函数。

以下是基本步骤：

1. **ArrayBuffer 到 ImageData**: 可以使用 `window.atob()` 和 `createImageBitmap()` 来创建 ImageData 对象：

let arrayBuffer = ...; // 你的 ArrayBuffer 数据
let imgData = await window.atob(arrayBuffer);
let imageBitmap = await createImageBitmap(new Uint8ClampedArray(Buffer.from(imgData)));

2. **ImageData 到 ImageSource**:

let canvas = document.createElement('canvas');
canvas.width = imageBitmap.width;
canvas.height = imageBitmap.height;
let ctx = canvas.getContext('2d');
ctx.drawImage(imageBitmap, 0, 0);
let imageDataUrl = canvas.toDataURL();

3. **加载图片到 cv.imread()**:

const mat = await cv.imdecodeMatAsync(cv.util.URLToBlob(imageDataUrl));
// 现在你可以对mat进行OpenCV的各种操作了