如何检索裁剪区域的dataURL？

// 原始图像的dataURL
var originalDataURL = document.getElementById('originalImage').toDataURL();

// 创建新的Canvas元素
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');

// 设置新Canvas的尺寸和裁剪区域
var cropX = 100; // 裁剪区域的左上角X坐标
var cropY = 100; // 裁剪区域的左上角Y坐标
var cropWidth = 200; // 裁剪区域的宽度
var cropHeight = 200; // 裁剪区域的高度
canvas.width = cropWidth;
canvas.height = cropHeight;

// 在新Canvas上绘制裁剪区域
ctx.drawImage(document.getElementById('originalImage'), cropX, cropY, cropWidth, cropHeight, 0, 0, cropWidth, cropHeight);

// 裁剪后图像的dataURL
var croppedDataURL = canvas.toDataURL();