实现功能:点击上传图片,选择截取图片大小,实现获取截取图片
1.使用了jcrop插件。
2.后台截取方法为:Rectangle rect = new Rectangle(x, y, width, height);
总体思路是 上传图片到服务器,然后传回页面,通过jcrop控制图片显示为你要截取的图片的等比大小,然后记录下此时图片的大小(固定其中的宽 高一项 另外一项会等比收缩):也就是下面的imgwidth 和 imgheight
这个宽高的作用是 利用改变图片大小的方法 将这个原图改成和 jcrop中图片的宽高。
在此之后就收集:
width:表示选择器(也就是上面大图中中间的选择器) 的宽
同理height是那个高
x代表横移的距离
y代表纵移的距离
将这些值隐藏到input中
然后 最后上传 通过 这些值来调用Rectangle 里面的方法进行截取 最后得到的图就是 上放大图中右边的小图
时间比较匆忙以前见过另外同事写的 比我这个要简单的多
有时间还是要在研究一下