jCrop，限制可裁剪区域

Question

是否有任何选项可以使用 jCrop 限制图像的可裁剪区域。

我想在图像周围留出 10 像素的区域作为边框，所以当用户选择裁剪区域时，他应该不能在允许的可裁剪区域旁边移动。

例如，这里的图片是 400x300 px，我想将可裁剪区域限制为 380x280 px。

Answer 1

最近我遇到了类似的问题。为了解决这个问题，我探索了 Jcrop 插件的源代码，发现了未记录的选项，这正是需要的。

因此，如果您需要将可裁剪区域限制为每边 10 像素，则应如下所示：

$(document).ready(function () {
    $('image').Jcrop({
        edge: {w: 10, n: 10, e: -10, s: -10},
        // all another options
    });
});

请注意，此选项仅在插件的2.0.x 版本中可用。