cropit jQuery plugin - Comment configurer une zone de dépôt personnalisée?

Question

J'utilise cropit - un plugin jQuery "crop and zoom" personnalisable.

Le code suivant est la structure HTML utilisée par cropit. Et par défaut, les utilisateurs peuvent glisser et déposer des images sur .cropit-preview-image-container. Ma question est comment puis-je configurer une zone de dépôt personnalisée? Puisque je veux une zone de largage plus grande que la taille de l'image.

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

Answer 1

Ok, j'ai découvert comment faire.

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

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

De cette façon, lorsque vous déposez une image sur .dropzone, l'image remplacera img.cropit-preview-image.