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

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

用JavaScript实现图片剪切效果

全部评论问答未解决精华

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

讲师回答 / Ben

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

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

2014-08-03

<p>好好学习</p>

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

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

2014-08-01

<p>还有一种思路：在mousemove事件中计算出左上角和右下角两点的坐标，这样也能够确定矩形位置</p>

已采纳回答 / Ben

恩对的

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

2014-07-31

<p>其实算right和down的时候有些冗余代码，可以更加简单的</p>

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

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

2014-07-29

<p>document.onselectstart=new Function('event.returnValue=false;')为什么要这样写？后面那个Function如何理解</p>

最新回答 / 雁夜

返回false应该是阻止了onselectstart事件的默认行为

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

2014-07-29

<p>老师应该对某些细节部分做讲解。比如，width和offsetWidth有何不同；为什么在获得鼠标位置时，用clienX不用pageX或者offsetX</p>

最新回答 / everlose

xx.style.width 是用来设置宽度的，不适合用于获取宽度因为文档一开始加载完之后你可能没有在style属性里面设置过width，而offsetWidth是用于获取宽度的，这个属性一直存在，只读的不能写入。clienX是获取鼠标在屏幕可视区的位置， pageX是获取在屏幕的位置，如果有滚动条的存在你就可以发现两者不一样了，pageX算入滚动条的高度的。 offsetX没有这种写法。倒是有个screenX，这个是获取鼠标在整个桌面的位置的

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

2014-07-29

<p>给老湿赞~\(≧▽≦)/~</p>

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

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

2014-07-28

<p>当某个元素及其DOM结构层次中元素都未进行CSS定位时(absolute或者relative)[或者某个元素进行CSS定位时而DOM结构层次中元素都未进行CSS定位时],则这个元素的offsetParent属性的取值为根元素。更确切地说...

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

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

2014-07-28

<p>当某个元素的父元素进行了CSS定位时（absolute或者relative），则这个元素的offsetParent属性的取值为其父元素。更确切地说，这个元素的各种偏移量计算（offsetTop、offsetLeft等）的参照物为其父元素...

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

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

2014-07-28

<p>clip 属性剪裁绝对定位元素，如果不加绝对定位是用不了的</p>

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

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

2014-07-27

<p>都是用别人的，还真没自己做过，赞一个</p>

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

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

2014-07-27

<p>不错，很实用</p>

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

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

2014-07-26

<p>好早之前就已经有JQ插件了，不过这个自己还真没做过。</p>

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

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

2014-07-25

<p>2-2中间有讲错了</p>

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

3 回答 816 浏览 2-3 CSS实现图片控制触点效果

2014-07-25

<p>这是不考虑ie8兼容的节奏啊。。。</p>

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

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

2014-07-22

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

讲师回答 / Ben

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

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

2014-07-22

首页上一页 16 17 18 19 20 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

意见反馈帮助中心 APP下载

友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消