imgareaselect：如果选择已存在，则取消新选择

Question

我想取消我的＆＃34; new＆＃34;选择是否已存在选择。我试图在onSelectStart上返回false并不像我期望的那样工作。

我怎么能实现这个目标？

下面的代码示例：

currentCoords = {
    x1: $('input[name="thumb-x1"]')
};

selectthumb = $('.img-orig-thumb').imgAreaSelect({
    instance:    true,
    handles:     true,
    aspectRatio: '1:1',
    imageWidth:  <?php echo $imgsize[0]; ?>,
    imageHeight: <?php echo $imgsize[1]; ?>,
    onSelectStart: function(img, selection) {
        _selection = parseInt(currentCoords.x1.val());
        if(_selection > 0) return false;
    }
});

Answer 1

您可以执行的唯一操作是重置imgAreaSelect

var options = {
    instance : true,
    handles : true,
    aspectRatio : '1:1',
    imageWidth : <?php echo $imgsize[0]; ?>,
    imageHeight : <?php echo $imgsize[1]; ?>,
    onSelectStart : function(img, selection) {
        _selection = parseInt(currentCoords.x1.val());
        if(_selection > 0){
            $(img).imgAreaSelect({remove:true});
            $(img).imgAreaSelect(options);
            return;
        };
    }
}

selectthumb = $('.img-orig-thumb').imgAreaSelect(options);