javascript - 图像区域选择 : cancel new selection if selection already exists

Question

如果选择已存在，我想取消"new"选择。我尝试在 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);