jquery - jCrop，限制可裁剪区域

Question

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

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

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

Answer 1

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

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

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

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