我有一个由Jquery插件生成的可重新调整大小的div,它的用途是用于裁剪功能。下面是Jquery插件的链接:
http://odyniec.net/projects/imgareaselect/usage.html
HTML代码:

<div class="imgareaselect-border4"></div>

JavaScript代码:
$('#img_captured').imgAreaSelect({
    handles: true,
    aspectRatio: "1:1",
    disable: false,
    hide: false,
    show:true,
    minHeight: '140px', //Set it's minimum height
    minWidth: '140px'   //Set it's minimum width
});

它有一种设置最小高度和宽度的方法,但对我不起作用。我不知道怎么了,所以我最后的办法是手动操作。我试过使用下面的css代码,但没有成功。我怎样才能限制它,直到它的尺寸是140px x 140px?
.imgareaselect-border4
{
    min-height: 140px;
    min-width: 140px;
}

最佳答案

imgareaselect中maxHeight和maxWidth的参数不使用字符串,而是使用整数

$('#img_captured').imgAreaSelect({
    handles: true,
    aspectRatio: "1:1",
    disable: false,
    hide: false,
    show:true,
    minHeight: 140, //Edit here
    minWidth: 140   //Edit here
});

关于javascript - imgAreaSelect JQuery插件可调整大小的Div的最小宽度和高度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28756629/

10-09 17:48