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。