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

用JavaScript实现图片剪切效果

难度初级
时长 2小时10分
学习人数
综合评分9.60
56人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
帮帮!帮帮!帮帮!帮帮!帮帮!帮帮!帮帮!
好像有问题呀!有 八个!
这个用插件好还是,用自己写好
改变截取图大小的时候,直接获取鼠标点击时候的坐标和鼠标松开时候的坐标相减不就好了

最新回答 / D__C
可以倍速播放啊,这一点慕课还是比较好的。
内容不错,语速可以稍慢点老师

已采纳回答 / Ben
opacity与DW没关系  只是一个编辑器而已 用记事本写都一样  不存在支持关系  支持不支持一般是指浏览器是否能显示出效果
右边的那个浏览图也可以用background-position来实现
老师你讲的非常好, 我很喜欢。 我下载了课程代码之后再main.js里面发现了一个小bug, 向下downDiv不能很好的工作, 检查了一下是因为鼠标y坐标没有更新。 我把代码改了一下, 不过该的不好, 希望老师可以有更好的解决方法。
图片大了会跑出来,是不是该给img也设置跟外层div同样的宽高啊

讲师回答 / Ben
这个只需要加上一些判断就行了  比如选框超出后  就将位置归位,视频是讲解主要功能的实现思路,细节的把握还是要靠大家的细心

已采纳回答 / Ben
这个只需要加上一些判断就行了  比如选框超出后  就将位置归位,视频是讲解主要功能的实现思路,细节的把握还是要靠大家的细心
真是相当清晰详尽的教学啊,谢谢Ben并希望Ben能多出一些视频教教我们这些菜鸟。
课程须知
在学习本课程之前,您应该已经熟悉js事件的绑定和css的绝对定位。
老师告诉你能学到什么?
通过本课程,您将学习到如何通过组合鼠标的按下、拖动和松开事件来实现鼠标对元素的拖动和缩放,从而在js事件操作方面的学习有个更大的飞越。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消