在基于JavaScript的人脸标志点检测中寻找所有点的坐标

// 引入必要的库
import * as faceapi from 'face-api.js';

// 加载模型
Promise.all([
  faceapi.nets.tinyFaceDetector.loadFromUri('/models'),
  faceapi.nets.faceLandmark68Net.loadFromUri('/models')
]).then(startVideo).catch(error => console.error(error));

async function startVideo() {
  const video = document.getElementById('video');
  const displaySize = { width: video.width, height: video.height };
  faceapi.matchDimensions(video, displaySize);

  video.addEventListener('play', () => {
    const canvas = faceapi.createCanvasFromMedia(video);
    document.body.append(canvas);
    const displaySize = { width: video.width, height: video.height };
    faceapi.matchDimensions(canvas, displaySize);

    setInterval(async () => {
      const detections = await faceapi.detectAllFaces(video, new faceapi.TinyFaceDetectorOptions()).withFaceLandmarks();
      const resizedDetections = faceapi.resizeResults(detections, displaySize);

      canvas.getContext('2d').clearRect(0, 0, canvas.width, canvas.height);
      faceapi.draw.drawDetections(canvas, resizedDetections);
      faceapi.draw.drawFaceLandmarks(canvas, resizedDetections);

      // 获取所有点的坐标
      resizedDetections.forEach(detection => {
        detection.landmarks.getLandmarks().forEach(landmark => {
          console.log(`Point ${landmark._className}: (${landmark.x}, ${landmark.y})`);
        });
      });
    }, 100);
  });
}