jCrop，限制可裁剪区域

Question

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

我想在图像周围留出10px区域以用于边框目的，因此当用户选择裁剪区域时，他不应该在允许的可裁剪区域旁边移动。

例如，此处的图像为400x300像素，我想将可裁剪区域限制为380x280像素。

Answer 1

最近我遇到了类似的问题。为了解决这个问题，我浏览了Jcrop插件的源代码，并找到了未记录的选项，该选项正是需要的。

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

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

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