cropit jQuery插件-如何设置自定义放置区？

我正在使用一个“可定制的裁剪和缩放”jQuery插件

下面的代码是cropit使用的HTML结构。默认情况下，用户可以将图像拖放到

.cropit preview image container

。我的问题是如何设置自定义放置区？因为我想要一个大于图像大小的放置区域

.cropit-preview
  .cropit-preview-background-container
    img.cropit-preview-background
  .cropit-preview-image-container
    img.cropit-preview-image

---

好的，我知道怎么做了

var cropit = $('.image-editor').data('cropit');

$('.dropzone').on('dragover dragleave', cropit.onDragOver.bind(cropit));
$('.dropzone').on('drop', cropit.onDrop.bind(cropit));

---

这样，当你在

.dropzone

上放置图像时，图像将替换

img.cropit预览图像

这节省了我创建大量js功能的时间，谢谢。