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。

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

1 个答案: