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

Question

我有这个函数，它根据预定义的高度和宽度初始化 jwindowcrop

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

但是，我需要提供一项功能以允许用户从“横向”或“纵向”方向中进行选择，因此我需要将宽度和高度重新设置为 300w 和 400h。如果不重新初始化 jwindowcrop，我怎么可能做到这一点？

Answer 1

如果您没有对它的原始引用，并且假设您知道，例如，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;

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