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