jquery實作圖片裁切思路及實作_jquery

思路：JS，jquery不能實現圖片的裁剪，只是顯示了一個假象

我的實現的方式大體如下：
1.將用戶選中的圖片上傳到伺服器
2.將選中頭像的矩形框在圖片上的座標發送到伺服器，包括，矩形框的寬，高，左上角的x，y座標，圖片的高，寬等
3.在伺服器上用獲得的各個座標值，以及原始圖片，用JAVA進行裁剪。
-----------------------------------
jquery 裁切效果顯示，利用imgAreaSelect
http://odyniec.net/projects/imgareaselect/
http://www.cnblogs.com/mizzle/archive/2011/10/13/2209891.html
效果如下：
 
JAVA實作裁切圖片
http://blog.csdn.net/renfyjava/article/details/9942743
我的範例：
我的是同時顯示4個尺寸的頭像，部分程式碼如下：

複製程式碼 程式碼如下:

顯示效果：