Jcrop 默认选框

Question

$('#previewImg').Jcrop({
        onChange: showCoords,  
        onSelect: showCoords,
        minSize:[300,100],
        maxSize:[900,900],
        aspectRatio: 3/1
    });

我有一张图片使用jcrop插件，但是我需要在用户点击图片之前就显示一个默认的300x100的裁剪框。

因此，在用户单击图片之前，这个裁剪框将已经居中显示。

- Ben

Answer 1

在创建jcrop时，您需要设置setSelect选项。

$('#previewImg').Jcrop({
        onChange: showCoords,  
        onSelect: showCoords,
        setSelect: [0, 160, 160, 0],// you have set proper x and y coordinates here
        minSize:[300,100],
        maxSize:[900,900],
        aspectRatio: 3/1
    });

这里是setSelect选项的演示：http://deepliquid.com/projects/Jcrop/demos.php?demo=advanced

- Anto Subash