用JavaScript实现图片剪切效果_技术问答_慕课网

首页免费课用JavaScript实现图片剪切效果问答

用JavaScript实现图片剪切效果

全部评论问答未解决精华

我拖动的时候两边都会动啊怎么回事？

最新回答 / 写代码的阿木木

//获取相对于屏幕左边距离function getPosition(node){ var left = node.offsetLeft; var top = node.offsetTop; var parent = node.offsetParent; while(parent != null){ left = left + parent.offsetLeft; top = top + parent.offsetTop; parent = parent.offse...

1 回答 629 浏览 3-5 JavaScript实现控制触点（中）

2016-06-11

e.clientY是相对于页面的纵坐标，这里的下边控制点，你获得的不是相对于页面的纵坐标吗

最新回答 / 追觅梦初的国度

减一下就可以了！

1 回答 443 浏览 3-7 JavaScript实现控制触点（下）

2016-06-10

关于function(e)里面的e?

最新回答 / 追觅梦初的国度

因为其他的用不到事件对象，所以没加。

1 回答 851 浏览 3-5 JavaScript实现控制触点（中）

2016-05-25

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

最新回答 / soles

应该是js错了，仔细检查一下代码。

1 回答 716 浏览 3-5 JavaScript实现控制触点（中）

2016-05-21

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

最新回答 / 慕移动6488646

因为左右border占据了2px的宽度

1 回答 443 浏览 3-1 JavaScript获取选择框偏移量

2016-04-13

真的有BUG啊

+ 我来回答回答最高可+2积分

0 回答 651 浏览

2016-04-13

改变div的大小

最新回答 / 橙子冰红茶

不便赘述，具体详见此教程http://www.imooc.com/learn/144

1 回答 562 浏览 3-1 JavaScript获取选择框偏移量

2016-02-25

实现选取框横坐标与纵坐标同等比例增加

+ 我来回答回答最高可+2积分

0 回答 958 浏览

2015-12-14

right移动和left移动的时候，mainDiv设置差异

最新回答 / 雨丶辰

元素坐标在没有特殊设置时候是在左上角的，左边框左右移动时会改变左上角的x坐标值，而右边框左右移动时不会。

1 回答 1061 浏览 3-7 JavaScript实现控制触点（下）

2015-12-04

maindiv.clientWidth不包括边框的大小吧？

最新回答 / BUANC

offsetWidth才包括边框，这里讲的有问题

1 回答 730 浏览 3-3 JavaScript实现控制触点（上）

2015-11-23

移动端可以实现这种裁剪吗？？

讲师回答 / Ben

这个没有试过，不过你可以探索一下

1 回答 849 浏览 1-1 JavaScript实现图片剪切效果课程简介

2015-09-24

offsetWidth和clientWidth的问题

最新回答 / 网瘾grilsHowTime

111

1 回答 622 浏览 3-5 JavaScript实现控制触点（中）

2015-08-26

严重的bug

+ 我来回答回答最高可+2积分

2 回答 969 浏览 3-3 JavaScript实现控制触点（上）

2015-07-12

求向下拉动选框的距离

讲师回答 / Ben

可以的

1 回答 1221 浏览 3-7 JavaScript实现控制触点（下）

2015-06-02

我想问下老师如何将剪切后的照片传入后台到数据库

讲师回答 / Ben

实现将选取的照片裁剪并保存到后台是需要后台语言来实现的，比如php java等前台将选取好坐标等参数传给后台，后台实现真正的裁剪。

2 回答 1468 浏览 3-10 JavaScript实现剪切区域预览

2015-05-09

首页上一页 1 2 3 4 5 6 7 下一页尾页

该课程已下架

课程须知: 在学习本课程之前，您应该已经熟悉js事件的绑定和css的绝对定位。

老师告诉你能学到什么？: 通过本课程，您将学习到如何通过组合鼠标的按下、拖动和松开事件来实现鼠标对元素的拖动和缩放，从而在js事件操作方面的学习有个更大的飞越。

微信扫码，参与3人拼团

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

帮助反馈 APP下载

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

扫描二维码
关注慕课网微信公众号

友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消