javascript - 如何将JQuery JCrop居中在图片的中心

Question

我想在图片的中心开始 JCrop 选择。有没有办法做到这一点？

有什么选择吗？手册中没有规定。

我们必须手动计算吗？

Answer 1

如果您无法弄清楚如何在中心设置选择：

检查设置选项http://deepliquid.com/content/Jcrop_Manual.html#Setting_Options

像这样的东西（取自 API ref）：

<script language="Javascript">

    jQuery(function($) {
        $('#target').Jcrop({
            onSelect:    showCoords,
            bgColor:     'black',
            bgOpacity:   .4,
            setSelect:   [ x, y, x1, y1 ],
            aspectRatio: 16 / 9
        });
    });

</script>

如果w is the width和h is the height所需的选择 和W is the width of the image, H is the height of the image, 坐标将是

x = W/2 - w/2
y = H/2 - h/2
x1 = x + w
y1 = y + h

（我希望我的数学是正确的:)