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

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

用JavaScript实现图片剪切效果

全部评论问答未解决精华

<p>看完（JavaScript实现控制触点（上）），貌似文中的拖拽方法无法实现，然后修改事件顺序，实现拖拽，但是没有实现图片跟着框框一起显示，感觉是应该要修改rect属性的呀，为什么修改mainDiv的width。<br...

讲师回答 / Ben

可以下载源代码测试在练习题的课程挑战里面<...图片...>

1 回答 1274 浏览 3-4 练习题

2014-10-27

<p>照着步骤来反正我是没有弄出来！</p>

讲师回答 / Ben

可以下载源代码测试在练习题的课程挑战里面<...图片...>

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

2014-10-20

<p>不是太对！</p>

讲师回答 / Ben

可以下载源代码测试在练习题的课程挑战里面<...图片...>

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

2014-10-08

<p>为哈子我照着老师讲的阻止冒泡以后就不能拖动那8个触点了QAQ</p>

讲师回答 / Ben

看看阻止冒泡的代码的位置是不是不对，把触点的拖动事件也给阻止了

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

2014-09-23

<p> main.style.top=main.offsetTop-addHeight+'px';这个是哈子意思啊始终没搞懂QAQ</p>

讲师回答 / Ben

现在的上边距 = 原来的上边距 - 往上边拖动的距离

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

2014-09-22

<p>话说 parent.offsetLeft和parent.offsetParent的区别是什么啊？？请指教 </p>

已采纳回答 / Tracy_

前者是获取该元素的left值，后者是获取该元素距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。也就是说前者是获取一个数值，后者是获取一个对象。

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

2014-09-22

<p> </p><p>老师这个地方写错了(⊙o⊙)<img...

讲师回答 / Ben

真犀利，不过视频后面应该纠正过来了的

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

2014-09-22

<p>下载的代码好坑爹啊。照抄都有BUG</p>

讲师回答 / Ben

如果直接运行没有bug 那可能就是哪里抄错了

1 回答 542 浏览 2-1 CSS实现图片不透明及裁剪效果

2014-09-16

<p>有没有提供代码下载呢</p><p><br/></p>

讲师回答 / Ben

可以下载源代码<...图片...> 在练习题的课程挑战里面

1 回答 849 浏览

2014-09-05

<p>照着老师的做的，只有右边能够拖动，不知道为什么，快崩溃了啊</p>

已采纳回答 / Ben

仔细看一下可能是哪个小地方疏忽了，js随便少个什么都可能会出问题，所以耐心点，多用alert或者console.log调试，不要只是用眼睛去看代码找错误。

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

2014-09-03

<p>还没讲完吧！还没讲怎么裁剪呢？</p>

讲师回答 / Ben

真正将图片裁剪下来是在后台进行的前台主要实现选取的效果然后将选取好了的相关参数传给后台，由后台根据参数剪下来

1 回答 814 浏览 3-10 JavaScript实现剪切区域预览

2014-08-27

<p>按照上面做的效果不太对</p>

讲师回答 / Ben

可以下载源代码看看<...图片...> 在练习题的课程挑战里面

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

2014-08-27

<p>怎样保存到本地呀</p>

讲师回答 / Ben

需要和后台程序配合前台将裁剪相关参数信息传给后台

3 回答 622 浏览

2014-08-22

<p>为什么右边拖动和下边拖动的时候不需要设置坐标值</p>

讲师回答 / Ben

因为右边拖动和下边拖动时，左上角的坐标并不会有变化，所以坐标值不用再重新设置

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

2014-08-03

<p>var img2=document.getElementById("img2"); img2.style.clip =...

讲师回答 / Ben

可以下载源代码对比着看一下在练习题目的编程挑战里面<...图片...>

3 回答 919 浏览 3-9 JavaScript实现选框区域明亮显示

2014-07-22

首页上一页 1 2 3 4 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

意见反馈帮助中心 APP下载

友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消