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

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

用JavaScript实现图片剪切效果

全部评论问答未解决精华

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

最新回答 / 沙沟

我找到了，return {"left:":left, "top:":top};应该写成return {"left":left, "top":top};中间不能加冒号。虽然不知道为什么...

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

2018-01-20

AllySu

clientX offsetLeft offsetWidth

0 3-4 练习题

2018-01-10

AllySu

比如rect(30px 200px 200px 20px)
表示的含义就是：最终剪裁的矩形的上边距离原始元素的上边缘30像素；剪裁矩形的右边缘距离原元素左边缘的距离是200像素；
剪裁矩形的下边缘距离原元素顶部的距离为200像素；剪裁矩形的左边缘距离原元素左边缘的距离时20像素。
简单解释就是：矩形上下两边分别相对X轴移动；左右两边分别相对Y轴移动。

0 1-1 JavaScript实现图片剪切效果课程简介

2018-01-10

移动部分详解

最新回答 / 旅行的癞蛤蟆

百度有

1 回答 923 浏览 3-12 编程挑战

2018-01-04

$( "#main" ).draggable({ containment: 'parent' ,drag: getChoice});这句话是什么意思？求详细讲解

最赞回答 / Css_1

jq插件的实现拖动调用方式。详情可以去查jquery-ui.custom.js的api

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

2017-11-19

obulks

强迫症表示坚持到这里就是为了禁止图片被选中这条语句

0 3-9 JavaScript实现选框区域明亮显示

2017-10-15

慕前端7539174

能不能边写代码边看你的代码的效果呀，这样好不生动呀，不好做测试，尴尬
，

0 3-3 JavaScript实现控制触点（上）

2017-10-13

写代码的阿木木

想真正裁剪还是依赖canvas，这个只是选取效果；

1 3-10 JavaScript实现剪切区域预览

2017-10-11

写代码的阿木木

15年就看过，都入职了，再来看一遍。怀念大三刚接触前端的岁月。

1 2-3 CSS实现图片控制触点效果

2017-10-11

为什么预览框就能固定到左上角了？求解释

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

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

2017-09-23

好像全部一样啊，为甚没有效果

最新回答 / 懒姑娘要学习了

原来没有框加上id="main"

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

2017-09-23

慕妹2791374

老师太细心了，如果搁在平时我们老师在类似的程序只讲一个触点，这样多讲两个我就能懂了。谢谢老师。

0 3-7 JavaScript实现控制触点（下）

2017-09-13

慕粉3705399

老师讲的复杂了，直接一个图片和一个带边框的div就行了，2层，不用3层

1 2-3 CSS实现图片控制触点效果

2017-09-13

慕函数7949556

clientWidth属性是不包括边框的

0 3-3 JavaScript实现控制触点（上）

2017-09-12

qq_一个人的路上_0

filter: alpha(opacity:70); 兼容ie

0 2-1 CSS实现图片不透明及裁剪效果

2017-09-09

前端小小小小小小白

66666666

0 3-7 JavaScript实现控制触点（下）

2017-09-03

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

该课程已下架

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

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

微信扫码，参与3人拼团

意见反馈帮助中心 APP下载

友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消