opencv.js中aruco模块detectMarkers函数调用报错求助

问题场景 #

初始化Aruco检测器代码：

let detectionParams = new cv.aruco_DetectorParameters();
let refineParams = new cv.aruco_RefineParameters(10,3,true);
let dictionary = cv.getPredefinedDictionary(cv.DICT_ARUCO_ORIGINAL);
let detector = new cv.aruco_ArucoDetector(dictionary,detectionParams,refineParams)

调用检测逻辑时：

let src_image= cv.imread("canvas");
let corners_matvec = new cv.MatVector()
let id_mat = new cv.Mat()
detector.detectMarkers(src_image,corners_matvec,id_mat);

触发Uncaught错误，堆栈顶部显示___cxa_throw。使用OpenCV.js 4.9.0/3.4.20版本均出现该问题。

排查与解决步骤 #

1. 校验图像加载有效性 #

cv.imread("canvas")可能未正确读取图像数据，导致后续底层检测逻辑崩溃。添加前置校验：

let src_image = cv.imread("canvas");
if (src_image.empty()) {
  console.error("图像加载失败：请确认canvas元素存在、尺寸非零且包含有效图像数据");
  return;
}

2. 修正DetectorParameters初始化方式 #

直接通过new创建DetectorParameters可能导致内部参数未正确初始化，改用官方推荐的默认参数创建方法：

// 替换原new cv.aruco_DetectorParameters()
let detectionParams = cv.aruco_DetectorParameters.create();

3. 暂时移除RefineParameters测试 #

部分OpenCV.js版本对自定义RefineParameters存在兼容性问题，先使用默认精细化参数测试：

// 不传入refineParams，使用检测器默认配置
let detector = new cv.aruco_ArucoDetector(dictionary, detectionParams);

若此方式能正常运行，再逐步调整RefineParameters参数，定位具体触发问题的配置项。

4. 确保OpenCV.js完全初始化 #

OpenCV.js需异步加载完成后才能正常调用API，所有检测代码需放在onRuntimeInitialized回调内：

cv.onRuntimeInitialized = () => {
  // 所有Aruco检测相关逻辑写在这里
};

5. 规范内存管理 #

虽然不会直接触发当前崩溃，但使用完OpenCV对象后需主动释放内存，避免内存泄漏影响后续逻辑：

// 检测完成后释放资源
corners_matvec.delete();
id_mat.delete();
src_image.delete();
detector.delete();
detectionParams.delete();
dictionary.delete();

最小可测试代码示例 #

cv.onRuntimeInitialized = () => {
  let src_image = cv.imread("canvas");
  if (src_image.empty()) {
    console.error("图像加载失败");
    return;
  }

  let dictionary = cv.getPredefinedDictionary(cv.DICT_ARUCO_ORIGINAL);
  let detectionParams = cv.aruco_DetectorParameters.create();
  let detector = new cv.aruco_ArucoDetector(dictionary, detectionParams);
  
  let corners_matvec = new cv.MatVector();
  let id_mat = new cv.Mat();
  
  try {
    detector.detectMarkers(src_image, corners_matvec, id_mat);
    console.log("检测成功，识别到标记数量：", corners_matvec.size());
  } catch (e) {
    console.error("检测错误详情：", e);
  } finally {
    // 统一释放资源
    corners_matvec.delete();
    id_mat.delete();
    src_image.delete();
    detector.delete();
    detectionParams.delete();
    dictionary.delete();
  }
};

内容的提问来源于stack exchange，提问作者Mark Stevic