用js + php实时图像裁剪

Question

我希望能够在我的网站上调整图片大小。 算法：

1. 您将图片上传到网站。 （灰色）
2. 该图像以橙色部分显示。
3. 红色部分 - 是一个矩形，借助它我们可以选择在preview_zone中显示哪个部分的图像。
4. 选择正确的区域后，按OK，数据（调整大小区域）上传到服务器。
5. Server使用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）您可以进行少量修改以获得所需的输出。