按钮点击设置JCrop的宽高比？

Question

我正在使用JCrop允许用户在上传时剪裁图片。

允许使用两种可能的图像裁剪尺寸，例如16:10或4：3。

我希望能够添加两个输入按钮，其中一个设置纵横比为16:10，另一个设置为4：3。

这是在页面加载时将方面设置为16:10的代码，是否可以在按下按钮时将其更改为4：3？

<script language="Javascript">
    jQuery(function($) {
        $('#crop').Jcrop({
            aspectRatio: 16 / 10
        });
    });
</script>

Answer 1

你可以这样使用它：

jQuery(function($) {
    var jcrop_api;
    $('#crop').Jcrop({
        aspectRatio: 16 / 10
    }, function () {
        jcrop_api = this;    
    });
});

然后点击事件：

jcrop_api.setOptions({ aspectRatio: 4 / 3 });
jcrop_api.focus();