用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)您可以进行少量修改以获得所需的输出.