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

Posted 2023-02-25

【中文标题】在按钮单击时设置 JCrop 的纵横比？

【英文标题】：Set aspect ratio of JCrop on button click?

【发布时间】：2015-02-04 10:15:26

【问题描述】：

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

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

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

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

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

【参考方案1】：

你可以这样使用它：

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

然后在点击事件上：

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

【讨论】：

谢谢，太好了。但是，我在控制台上收到此错误。我确定我做错了什么：Uncaught ReferenceError: jcrop_api is not defined

我错过了var jcrop_api; 尽管Uncaught TypeError: Cannot read property 'setOptions' of undefined 出现了新错误