如何裁剪当前为dataURL的图像？

// 解析dataURL
function parseDataURL(dataURL) {
  return new Promise((resolve, reject) => {
    const img = new Image();
    img.onload = () => resolve(img);
    img.onerror = reject;
    img.src = dataURL;
  });
}

// 裁剪图像
function cropImage(dataURL, x, y, width, height) {
  return new Promise((resolve, reject) => {
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');

    parseDataURL(dataURL)
      .then((img) => {
        canvas.width = width;
        canvas.height = height;
        ctx.drawImage(img, x, y, width, height, 0, 0, width, height);
        resolve(canvas.toDataURL());
      })
      .catch(reject);
  });
}

// 使用示例
const dataURL = 'data:image/png;base64,iVBORw0KG...'; // 以base64编码的dataURL
const croppedDataURL = cropImage(dataURL, 100, 100, 200, 200)
  .then((croppedDataURL) => {
    console.log('裁剪后的图像dataURL:', croppedDataURL);
    // 在这里可以将裁剪后的图像dataURL进行进一步处理或展示
  })
  .catch((error) => {
    console.error('裁剪图像失败:', error);
  });