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

Question

我正在使用cropit - 一个“可定制的裁剪和缩放” 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

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。