在按钮单击时设置 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();