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

单击按钮时设置 JCrop 的纵横比？

Set aspect ratio of JCrop on button click?

javascript

jquery

jcrop