用js + php實時圖像裁剪

Question

我想要在我的網站上調整圖片大小的功能。 算法：

1. 將圖片上傳到網站。 （灰色）
2. 該圖像顯示爲橙色部分。
3. 紅色部分 - 是一個矩形，可以幫助我們選擇要在preview_zone中顯示哪部分圖像。
4. 當我選擇了正確的區域後，我按下OK並將數據（調整大小區域）上傳到服務器。
5. 服務器作物圖像與PHP。

也許你可以找到任何文章，如何做到這一點，或與這樣的api網站。 或者你自己做。 我會非常感謝你的幫助。

Answer 1

你應該看看JCrop jQuery的圖像裁剪插件：

http://deepliquid.com/content/Jcrop.html

回購：https://github.com/tapmodo/Jcrop https://github.com/tapmodo/Jcrop/tree/master/demos

例子： http://deepliquid.com/projects/Jcrop/demos.php

其中一個演示似乎符合您的要求。 （http://deepliquid.com/projects/Jcrop/demos.php?demo=live_crop）您可以進行小的修改以獲得您想要的輸出。