为了账号安全,请及时绑定邮箱和手机立即绑定

实现选取框横坐标与纵坐标同等比例增加

在图片裁剪预览时,比如我选择增加选择框右边的边框   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";

}

}

求大神解答!急急急

正在回答

举报

0/150
提交
取消
用JavaScript实现图片剪切效果
  • 参与学习       34578    人
  • 解答问题       135    个

神奇的图片特效,还会给大家介绍css中让人惊喜的clip属性

进入课程

实现选取框横坐标与纵坐标同等比例增加

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信