我有一个由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/