什么是 OpenCV.js，它有哪些主要特点和使用场景？
核心回答
OpenCV.js 是 OpenCV（开源计算机视觉库）的 JavaScript 版本，通过 Emscripten 编译器将 OpenCV 的 C++ 代码编译为 WebAssembly（Wasm）和 JavaScript，使开发者能够在浏览器中直接使用 OpenCV 的计算机视觉功能，无需后端服务器。
主要特点：
- 纯前端运行：图像处理全部在浏览器端完成，数据不上传服务器，天然保护用户隐私
- WebAssembly 加速：计算密集型任务通过 Wasm 执行，性能接近原生 C++ 的 70%-90%
- 跨平台兼容：支持 Chrome、Firefox、Safari、Edge 等所有现代浏览器
- 功能继承完整：涵盖图像处理、特征检测、目标识别、视频分析等 OpenCV 核心模块
- 异步 API 设计：通过 Promise 和 async/await 处理耗时操作，不阻塞主线程
典型使用场景：实时视频处理（人脸检测、手势识别）、在线图像编辑器（滤镜、裁剪、色彩调整）、浏览器端 OCR 文字识别、WebAR 增强现实应用、医疗影像前端预览分析。
技术原理
OpenCV.js 的构建流程是：OpenCV C++ 源码 → Emscripten 编译 → WebAssembly 字节码 + JavaScript 胶水代码。浏览器加载时，Wasm 模块由浏览器的 Wasm 虚拟机执行，JS 胶水代码负责内存管理和 API 暴露。
加载方式通常通过官方提供的 loader 脚本：
<script async src="opencv.js" onload="onOpenCvReady()" type="text/javascript"></script>
需要注意的是 OpenCV.js 文件体积较大（约 8-10MB），首次加载耗时较长，生产环境建议使用 CDN 或按需裁剪模块。
与其他前端图像库的对比
| 库 | 体积 | 性能 | 定位 |
|---|---|---|---|
| OpenCV.js | 8-10MB | 高（Wasm） | 专业计算机视觉 |
| Fabric.js | ~200KB | 中 | 交互式图形编辑 |
| TensorFlow.js | ~1MB | 中 | 深度学习推理 |
| Jimp | ~500KB | 低（纯JS） | 简单图片处理 |
OpenCV.js 适合需要专业视觉算法（特征匹配、轮廓检测、透视变换等）的场景；如果只需要简单的裁剪滤镜，Jimp 或 Canvas API 就够了。
追问：OpenCV.js 有哪些局限性？如何优化加载性能？
局限性： 文件体积大导致首屏加载慢；复杂任务（如实时多目标追踪）性能仍不及原生实现；API 偏底层，学习曲线陡峭；部分 OpenCV 模块（如 GPU 加速的 CUDA 模块）无法在浏览器中使用。
性能优化： 使用 opencv_build.py 裁剪不需要的模块，可将体积压缩至 2-3MB；配合 Web Worker 避免阻塞主线程；利用 SIMD 指令集构建 Wasm 版本提升 2-4 倍计算性能；对输入图像降采样处理后再执行算法。