实现选取框横坐标与纵坐标同等比例增加
在图片裁剪预览时,比如我选择增加选择框右边的边框 x px 距离,同时让选择框上边的边框和下边的边框同时增加 x/2 px 的距离,现在我怎么判断当选择框的下边或上边到整个图片的下边或上边时,选择框不能再往右边拉长了?
//右边拖动
function rightMove(e){
var x = e.clientX;//鼠标横坐标
if(x > getPosition(boxDiv).left + boxDiv.offsetWidth){
x = getPosition(boxDiv).left + boxDiv.offsetWidth;
}
var width = mainDiv.offsetWidth - 2;//选择层宽度
var mainX = getPosition(leftUpDiv).left + 4;//左上角横坐标
var addWidth = x - width - mainX;//拖动后应该增加的宽度
var height = mainDiv.offsetHeight - 2;//选择层的高度
height/2+mainY
var mainY = getPosition(leftUpDiv).top + 4;//左上角纵坐标
var h=getPosition(boxDiv).top + boxDiv.offsetHeight-mainY-height;//选择框到下边的距离
//选框最大范围
if(h<=0){
if(addWidth>h){
addWidth=h+"px";
}
}
求大神解答!急急急