使用face js上传人脸上的遮罩，我找到了面部地标，并在上面添加了遮罩，但如何整体下载附加的图像？

// 引入face js库
<script src="face.js"></script>

// 创建canvas元素
<canvas id="canvas"></canvas>

<script>
  // 获取canvas元素和上下文
  var canvas = document.getElementById('canvas');
  var ctx = canvas.getContext('2d');

  // 使用face js的API检测人脸并获取面部地标
  face.detect('image.jpg', function(faces) {
    var landmarks = face.landmarks(faces[0]);

    // 在canvas上绘制人脸和遮罩
    // ...

    // 将canvas中的内容导出为图像
    var dataURL = canvas.toDataURL();

    // 创建一个下载链接并设置图像内容
    var downloadLink = document.createElement('a');
    downloadLink.href = dataURL;

    // 设置下载链接的属性
    downloadLink.download = 'masked_image.png';

    // 将下载链接添加到页面中
    document.body.appendChild(downloadLink);
  });
</script>