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

Question

我正在使用 cropit - "customizable crop and zoom" 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。

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

cropit jQuery plugin - How to set up a custom drop zone?

jquery

drag-and-drop

cropit