使用face-api.js如何水平翻转像素以获得镜像？

const image = document.getElementById('image');

// 加载模型并检测人脸
faceapi.nets.ssdMobilenetv1.load('/models')
  .then(() => faceapi.detectSingleFace(image))
  .then(face => {
    // 创建原始图像的画布
    const canvas = faceapi.createCanvasFromMedia(image);
    document.body.appendChild(canvas);

    // 创建水平翻转的画布
    const flippedCanvas = document.createElement('canvas');
    const ctx = flippedCanvas.getContext('2d');
    flippedCanvas.width = canvas.width;
    flippedCanvas.height = canvas.height;
    ctx.scale(-1, 1);

    // 将原始图像绘制到水平翻转的画布上
    ctx.drawImage(image, 0, 0, -image.width, image.height);

    // 将水平翻转后的图像显示在页面上
    document.body.appendChild(flippedCanvas);
  });