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

Question

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

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

​​

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。