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

Question

我使用的是cropit --一个“可定制裁剪和缩放”的jQuery插件。

下面的代码是cropit使用的HTML结构。默认情况下，用户可以将图片拖放到.cropit-preview-image-container上。我的问题是，我如何设置一个自定义的drop区域？因为我想要一个比图像大小更大的下降区。

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

Answer 1

好了，我知道怎么做了。

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

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

这样，当您将图像拖放到.dropzone上时，该图像将替换img.cropit-preview-image。