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

用JavaScript实现图片剪切效果

难度初级
时长 2小时10分
学习人数
综合评分9.60
56人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
记录下鼠标按下时的坐标downX 在用鼠标移动时的坐标减去downX==addwidth

最新回答 / qq_与陌Dance_0
都是一样获取父节点、parentNode是一个获取的是父节点的元素,offsetParent是元素的空间相对父类
找个好久的一个BUG改变高度的时候速度放慢点发现选择框的高度变化不对 上边拖动
var height = mainDiv.offsetHeight - 1;//选择层的高度

最新回答 / 打瞌睡de猫3333043
 #main{position::absolute; border:1px solid #FFF;width:200px; height:200px;}两冒号。。
讲得很详细易懂,真心不错~

最新回答 / 岸边花开一朵朵
传入的参数有没有错function getPosition(node){ var left = node.offsetLeft; var top = node.offsetTop; var parent = node.offsetParent; while(parent != null){ left += parent.offsetLeft; top += parent.offsetTop; parent=parent.offsetParent; } return {"left"...
老师好像把offsetwidth和clientwidth搞混了吧?
虽然方法有点扯,但是老师人好,讲这么多方法给你,你还BB,你要抄源代码何必上这儿抄?大神,求不装逼.

最新回答 / 慕慕8663590
是否是设置为了onmouseover,应该是onmousemove
按住上面中间的小拖块,把鼠标一直往下拖存在BUG,选取框会随之往下动,跑到图片外面
课程须知
在学习本课程之前,您应该已经熟悉js事件的绑定和css的绝对定位。
老师告诉你能学到什么?
通过本课程,您将学习到如何通过组合鼠标的按下、拖动和松开事件来实现鼠标对元素的拖动和缩放,从而在js事件操作方面的学习有个更大的飞越。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消