为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 用JavaScript实现图片剪切效果 问答

用JavaScript实现图片剪切效果

Ben 产品经理
查看讲师更多课程 Ben讲师的其他课程
难度初级
时长 2小时10分
学习人数
综合评分9.60
56人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
全部 评论 问答 未解决 精华
kyrix
感觉C是对的，不用绝对定位，也能实现此种效果。
0 2-4 练习题
2019-05-08
丿有点丶小情绪丨
这个视频只是实现了图片剪切预览的效果，如果真的要实现图片剪切然后保存的话，的要使用canvas操作
0
2019-03-20

刚才提的问题，发现在右边界再点击一下鼠标就可以停止了，这是怎么回事啊

+ 我来回答 回答最高可+2积分
0 回答 660 浏览 3-3 JavaScript实现控制触点（上）
2018-12-20

老师我有一个问题，明明写的一模一样，但是发现一个bug，如果鼠标按下后时间较长不松开进行拖动，再松开鼠标发现还是可以拖动，这是怎么回事啊？

最新回答 / 慕移动9181930
手打代码就好了，复制粘贴会提示错误offset指?数组是从0开始的，所以2,2?，返回的的是7,5
2 回答 1008 浏览 3-3 JavaScript实现控制触点（上）
2018-12-20

我的代码为何无法实现旁边随着左边图片的框移动而显示

+ 我来回答 回答最高可+2积分
0 回答 499 浏览 3-10 JavaScript实现剪切区域预览
2018-11-12
明星辰
中间小矩形的位置定义优化方法：
left：calc（50% - 4px）;
0 2-3 CSS实现图片控制触点效果
2018-09-28

图片剪贴img3

+ 我来回答 回答最高可+2积分
0 回答 739 浏览 3-10 JavaScript实现剪切区域预览
2018-09-10

请教一下，当点击updiv移动时一切正常，可是底边在移动鼠标的过程中会一直的增加

+ 我来回答 回答最高可+2积分
0 回答 883 浏览 3-7 JavaScript实现控制触点（下）
2018-08-23
qq_我叫红领巾_2
救了命了 老师
0
2018-08-20

代码量的问题

最新回答 / qq_我叫红领巾_2
自己封装成组件
1 回答 849 浏览 3-5 JavaScript实现控制触点（中）
2018-07-20

各位朋友，拖动视频地址哪里有有啊

+ 我来回答 回答最高可+2积分
0 回答 842 浏览 3-10 JavaScript实现剪切区域预览
2018-05-27
慕沐7148652
讲的有点乱啊
1 3-3 JavaScript实现控制触点（上）
2018-05-22

如何获取剪切后的图片

最新回答 / qq_我叫红领巾_2
等我看完
1 回答 989 浏览 3-11 练习题
2018-04-09
尼称已占用
根本就没有裁剪，骗子 ┭┮﹏┭┮
1
2018-02-19

alert(getPosition(mainDiv).left); //undefined,不知道是为什么，应该怎么解决。

最新回答 / 沙沟
我找到了，return {"left:":left, "top:":top};应该写成return {"left":left, "top":top};中间不能加冒号。虽然不知道为什么...
1 回答 1156 浏览 3-3 JavaScript实现控制触点（上）
2018-01-20
首页上一页1234567下一页尾页
该课程已下架
课程须知
在学习本课程之前，您应该已经熟悉js事件的绑定和css的绝对定位。
老师告诉你能学到什么？
通过本课程，您将学习到如何通过组合鼠标的按下、拖动和松开事件来实现鼠标对元素的拖动和缩放，从而在js事件操作方面的学习有个更大的飞越。

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消