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

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

用JavaScript实现图片剪切效果

全部评论问答未解决精华

kyrix

感觉C是对的，不用绝对定位，也能实现此种效果。

0 2-4 练习题

2019-05-08

丿有点丶小情绪丨

这个视频只是实现了图片剪切预览的效果，如果真的要实现图片剪切然后保存的话，的要使用canvas操作

2019-03-20

明星辰

中间小矩形的位置定义优化方法：
left：calc（50% - 4px）;

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

2018-09-28

qq_我叫红领巾_2

救了命了老师

2018-08-20

慕沐7148652

讲的有点乱啊

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

2018-05-22

尼称已占用

根本就没有裁剪，骗子 ┭┮﹏┭┮

2018-02-19

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

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

慕妹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

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

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

用JavaScript实现图片剪切效果