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

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

用JavaScript实现图片剪切效果

全部评论问答未解决精华

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

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

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

2014-07-11

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

已采纳回答 / Ben_99

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

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

2014-07-10

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

最赞回答 / Ben_99

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

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

2014-07-10

课程好模糊啊！

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

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

2014-07-10

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

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

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

2014-07-09

赞～～

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

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

2014-07-09

hgbg

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

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

2014-07-07

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

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

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

2014-07-07

好课程，喜欢~~

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

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

2014-07-07

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

已采纳回答 / 黑白蓝

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

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

2014-07-05