javascript - 如何在jwindowcrop中重新设置裁剪框的宽度和高度？

我有这个功能，它基于预定义的高度和宽度来初始化jwindowcrop

$('img#imgcrop_'+picSize+'_form_'+id).jWindowCrop({
    targetWidth: 400,
    targetHeight: 300,
    loadingText: 'Loading image...',
//and so on

但是，我需要提供一个功能以允许从“风景”或“人像”方向中进行选择，因此我需要将宽度和高度重新设置为300w和400h。不重新初始化jwindowcrop怎么办？

最佳答案

如果您没有原始引用，并且例如您知道jWindowCrop绑定(bind)到的元素，则可以按以下方式获取引用:

var jwc = $(selector).getjWindowCrop();

从那里开始，您可以轻松地修改任何设置选项。

jwc.options.zoomSteps = 2

但是从the basic documentation看来，targetWidth和targetHeight没有 setter ，因此您需要手动控制它，如下所示。

var newHeight = 200;
jwc.$frame.height(newHeight);
jwc.options.targetHeight = newHeight;

可能还存在其他并发症，但这是其基本要点。