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

用JavaScript实现图片剪切效果

难度初级
时长 2小时10分
学习人数
综合评分9.60
56人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
alpha:filter(opacity:70)
如果我压根就不了解clip属性,就悲剧了。怎么着也想不出实现原理啊!

最新回答 / 橙子冰红茶
不便赘述,具体详见此教程http://www.imooc.com/learn/144
赞 赞,,受益多多,,大爱 哈哈
老师辛苦了,发现这个技术好厉害,也可以做得像淘宝的放大镜的效果了。
讲的很好,不知道为什么我发现我的问题很多= =。
没有把裁剪的图片转成base64的实例吗
opacity 半透明效果没有用啊
有问题啊?clientWidth并不包括边框,offsetWidth才包括边框

最新回答 / 雨丶辰
元素坐标在没有特殊设置时候是在左上角的,左边框左右移动时会改变左上角的x坐标值,而右边框左右移动时不会。
获取移动的距离 可以用鼠标移动后的位置减去鼠标点击是的位置 获得
课程须知
在学习本课程之前,您应该已经熟悉js事件的绑定和css的绝对定位。
老师告诉你能学到什么?
通过本课程,您将学习到如何通过组合鼠标的按下、拖动和松开事件来实现鼠标对元素的拖动和缩放,从而在js事件操作方面的学习有个更大的飞越。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消