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

用JavaScript实现图片剪切效果

难度初级
时长 2小时10分
学习人数
综合评分9.60
56人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
filter: alpha(opacity:70); 兼容ie
用transform: translate(-50%,-50%);
替换掉margin-left:-4px,top:-4px;
个人感觉更好
还以为可以通过js对图片进行裁剪处理然后再上传的。原来只是效果没有功能,但为老师的原生精神点赞!
哦~标题就是用javascript实现图片剪切效果,又没说是实现图片剪切~~~
所以,截图呢?只是显示了需要截取的部分,怎么截下来呀
margin-left:-4px,top:-4px;
听是听得懂,但真正做起来有点难度
但是老师的源码没错误,我自己写的时候总有bug,边框乱动;
貌似有个bug。从左边框向右拖动 ,会将整个框拖到外边去 从上边框向下拖动 ,会将整个框拖到外边去
貌似有个bug。从左边框向右拖动 ,会将整个框拖到外边去
heightBefore=mainDiv.offsetHeight-4;或者 heightBefore=mainDiv.clientHeight; 不然拖动时边框会跟着走
自己画一个正方形加上坐标系,里面再画一个小正方形,就懂了
老师讲得详细,你嫌啰嗦。你这么牛逼,直接去bat啊,装什么13
这么实用炫酷的效果我还没学习,惭愧啊
课程须知
在学习本课程之前,您应该已经熟悉js事件的绑定和css的绝对定位。
老师告诉你能学到什么?
通过本课程,您将学习到如何通过组合鼠标的按下、拖动和松开事件来实现鼠标对元素的拖动和缩放,从而在js事件操作方面的学习有个更大的飞越。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消