imgAreaSelect JQuery插件可调整大小的Div's最小's宽度和高度

imgAreaSelect JQuery Plugin Resizable Div's Minimum's Width and Height

本文关键字：最小 高度 JQuery 插件 Div imgAreaSelect 可调整      更新时间：2024-06-07

我有一个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
});

相关文章：