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

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

用JavaScript实现图片剪切效果

全部评论问答未解决精华

还是有问题的，通常图片剪切/头像上传，是需要小图固定尺寸；大图可以放大缩小，这需要css3 兼容有问题而且给后台提供的坐标也不好算。所以网上流行的都是flash的

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

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

2014-07-11

这个效果跟类似放大镜的效果差不多，只是还想问下，裁剪后的图片怎么保存？我想到的一个方法是用canvas。

已采纳回答 / Ben_99

裁剪区域确定后就知道裁剪图片的位置和大小等信息，将这些信息传到后台，后台实现保存

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

2014-07-10

.up{left:50%; margin:-4px 0 0 -4px}

最赞回答 / Ben_99

这个在下一分钟就补上了。

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

2014-07-10

课程好模糊啊！

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

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

2014-07-10

4分05秒掉了个分号，不影响？

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

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

2014-07-09

赞～～

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

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

2014-07-09

hgbg

最新回答 / 慕前端3010514

怎么个意思，妹妹，台湾还有ie8?你也需要做兼容？dflol

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

2014-07-07

课程很棒，学到了以前不会的知识，要实际去动手做个案例才行~谢谢老师

最新回答 / 慕虎2360059

亲，在电商二期中有规划，因为一期主要是想带你们把前后台流程跑通，如果是一个真实现的电商网站，会有很多的模块，这些都会在二期中讲解的。bwxvoccmq

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

2014-07-07

好课程，喜欢~~

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

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

2014-07-07

请问如何将剪裁的图片作为一张单独的图片提取出来呢？

已采纳回答 / 黑白蓝

方式应该有很多种，我这里想到的一种是结合服务端来完成，比如PHP。前端这里我们已经能获取到预览框的大小和坐标位置，那么当我们确定要截图的时候，就把这张图片和预览框的大小，坐标一起上传，利用PHP将图片截取出来，并保存。至于单纯在前端就完成截图的话，估计要借助其他工具，我暂时没有什么思路，要再去了解了解。

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

2014-07-05