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

用JavaScript实现图片剪切效果

难度初级
时长 2小时10分
学习人数
综合评分9.60
56人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰

最新回答 / 慕婉清1496524
因为图片在拖动的时候被选中了,可以在css中禁止图片被选中-moz-user-select: none;-webkit-user-select:none;-ms-user-select:none;user-select:none;

已采纳回答 / 氽氽
mainDiv.style.height ,mainDiv.style.width 这两个值要对他们做限制,不能小于0,不能大于mainDive的宽高

最新回答 / 泽林_Zery
e是函数中的参数,按照函数中的编写规范,这里是指window对象。

已采纳回答 / 慕粉2123159644
判断如果子元素大小超出父元素就给addWidth或addHeight一个固定值就好。

最新回答 / haihi
直到获取最外层元素之后,最外层元素已经没有parent 元素为止,循环结束

最新回答 / 艾玛呦
这句话没错啊,你是不是其他地方错了!

最新回答 / 慕前端1463173
选取框左上角的点是它位置的表现,向右和向下拖动的时候左上角的那个点没动。

最新回答 / 奴奴雪人
你的返回值不是对象字面量格式的 ,就是getPosition函数left属性没有值

最新回答 / 12只怕有心人
clientX的起点是可视区域左侧,终点就是假设选框被拉动后触点所在的位置.
课程须知
在学习本课程之前,您应该已经熟悉js事件的绑定和css的绝对定位。
老师告诉你能学到什么?
通过本课程,您将学习到如何通过组合鼠标的按下、拖动和松开事件来实现鼠标对元素的拖动和缩放,从而在js事件操作方面的学习有个更大的飞越。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消