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

用JavaScript实现图片剪切效果

Ben 产品经理
查看讲师更多课程 Ben讲师的其他课程
难度初级
时长 2小时10分
学习人数
综合评分9.60
56人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
全部 评论 问答 未解决 精华
小信_03370846
谁有那个拖放的代码 发我一份 十分感谢
0 3-10 JavaScript实现剪切区域预览
2016-06-09
qq_奶茶_4
clientWidth换成offsetwidth就不用-2啦
1 3-3 JavaScript实现控制触点（上）
2016-05-29

这句的格式img2.style.slip="rect("+top+"px,"+right+"px,"+bottom+"px,"+left+"px)";

已采纳回答 / Gearre
因为最后赋给img2.style.slip的值应该为"rect( ?px ?px ?px ?px)"，你试着把top看作一个数字内容，然后去掉+连接符和多余的引号，然后连接在代码中看看就可以理解了
2 回答 1193 浏览 3-9 JavaScript实现选框区域明亮显示
2016-05-28

关于function(e)里面的e?

最新回答 / 追觅梦初的国度
因为其他的用不到事件对象，所以没加。
1 回答 850 浏览 3-5 JavaScript实现控制触点（中）
2016-05-25

为什么一点反应都没有啊 求大神解释啊！

已采纳回答 / 一切随心
return{"left":left,"top":top}。中间是逗号而不是分号
3 回答 1249 浏览 3-3 JavaScript实现控制触点（上）
2016-05-22

为什么左边可以点击，但是不可以左右拖动，而会上下移动

最新回答 / soles
应该是js错了，仔细检查一下代码。
1 回答 715 浏览 3-5 JavaScript实现控制触点（中）
2016-05-21
爱学习飞毛腿
上边触块拉伸在chrome下不兼容
3 3-5 JavaScript实现控制触点（中）
2016-05-19

为什么我的getPosition(node).left返回的是NaN呢？

已采纳回答 / 慕田峪7990199
while循环里面，“parent = parent.offsetLeft;”改成“parent = parent.offsetParent”
1 回答 1538 浏览 3-3 JavaScript实现控制触点（上）
2016-05-18
lijf
谁有剪切功能代码
0 3-10 JavaScript实现剪切区域预览
2016-05-08
vivil
老师讲的很详细，分析也清楚，棒棒哒
0 3-7 JavaScript实现控制触点（下）
2016-05-06
陈华东
讲的还是挺不错的，虽然还有细微的地方没有讲！
0
2016-05-01

var widthBefore=mainDiv.offsetWidth-2; 这里为什么要-2啊

最新回答 / 慕移动6488646
因为左右border占据了2px的宽度
1 回答 443 浏览 3-1 JavaScript获取选择框偏移量
2016-04-13

真的有BUG啊

+ 我来回答 回答最高可+2积分
0 回答 650 浏览
2016-04-13
Zark0
预览框也跟着变大，这怎么行！
0 3-10 JavaScript实现剪切区域预览
2016-03-27
Zark0
onmousemove事件里获取宽度一段代码就搞定了，哪那么多没用的：mainDiv.style.width = e.clientX - getPosition(mainDiv).left + "px";同理高度也是一样的！
3 3-3 JavaScript实现控制触点（上）
2016-03-26
Zark0
alpha:filter(opacity:70)
0 2-1 CSS实现图片不透明及裁剪效果
2016-03-26
首页上一页6789101112下一页尾页
该课程已下架
课程须知
在学习本课程之前，您应该已经熟悉js事件的绑定和css的绝对定位。
老师告诉你能学到什么？
通过本课程，您将学习到如何通过组合鼠标的按下、拖动和松开事件来实现鼠标对元素的拖动和缩放，从而在js事件操作方面的学习有个更大的飞越。

微信扫码，参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

 帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

 公众号

扫描二维码
关注慕课网微信公众号
友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消