掌握JavaScript中的人脸识别和图像处理

// 加载OpenCV.js
let module = await cvt.default();

// 加载预训练的人脸检测器
let classifier = new cv.CascadeClassifier();
await classifier.load('haarcascade_frontalface_default.xml');

// 加载图像
let imgElement = document.getElementById('image');
let src = cv.imread(imgElement);

// 转换为灰度图
let gray = new cv.Mat();
cv.cvtColor(src, gray, cv.COLOR_RGBA2GRAY);

// 进行人脸检测
let faces = new cv.RectVector();
classifier.detectMultiScale(gray, faces);

// 在图像上标记人脸位置
for (let i = 0; i < faces.size(); ++i) {
  let face = faces.get(i);
  let point1 = new cv.Point(face.x, face.y);
  let point2 = new cv.Point(face.x + face.width, face.y + face.height);
  cv.rectangle(src, point1, point2, [255, 0, 0, 255]);
}

// 在页面上显示结果图像
cv.imshow('canvas', src);

// 释放内存
gray.delete();
faces.delete();

// 加载图像
let imgElement = document.getElementById('image');
let src = cv.imread(imgElement);

// 转换为灰度图
let gray = new cv.Mat();
cv.cvtColor(src, gray, cv.COLOR_RGBA2GRAY);

// 高斯模糊
let blur = new cv.Mat();
cv.GaussianBlur(gray, blur, new cv.Size(5, 5), 0, 0, cv.BORDER_DEFAULT);

// 边缘检测
let edges = new cv.Mat();
cv.Canny(blur, edges, 50, 150);

// 在页面上显示结果图像
cv.imshow('canvas', edges);

// 释放内存
gray.delete();
blur.delete();
edges.delete();