1

我问这个是因为我目前正在尝试制定自己的技术，当你开始这个时，整个网站都会有巨大的战略障碍。其中有：

  1. 使用 jCrop 和 rMagick，它占用了大量的处理（我有背景）。

  2. 因为我有后台，所以我必须通过 ajax 开发一个每五秒自动更新一次的功能，以检查后台何时完成。

有没有人用他们的网站做到这一点？如果是这样，你遇到了哪些创造性的技术来保持处理的流畅，让用户满意？

4

1 回答 1

3

我不知道 facebook 是如何做到的，但我会使用 jquery-ui 的resizeable()和draggable()方法。您可以将图像设置为图像的确切宽度的 div，并在图像顶部放置第二个可拖动/可调整大小的 div（使用更高的 z-index）。这样，您就有了一个半透明的裁剪区域，用户可以四处移动和调整。您可以将这两种方法都设置为仅限于父 div，因此它们不能拖动或调整图像大小。

当它们准备好裁剪时，可以通过 ajax 将每个角的坐标发送到服务器。然后服务器可以运行您拥有的任何图像裁剪器（在我将使用的 php 中gmagic -> cropimage()）并且任务完成。

棘手的部分是决定如何向用户展示成品。我肯定会考虑将新裁剪的图像存储在 tmp 文件夹中，以防他们改变主意。但是如果你这样做，你可以让 ajax 更新图像元素的 src，这样他们就可以看到他们做了什么。如果他们喜欢它，他们会点击“保存更改”，这会通过 ajax 发送另一个请求，用 tmp 文件夹中的请求替换原始请求。

Antoher，有点低俗，选择只是使用 pxlr。他们有一个开发人员 API，允许通过 javascript 调用他们网站的工具。您可以自定义用户看到的功能并将其保存到“reffer”，即返回您的服务器。不知道如何为此设置安全性，但我确定该站点会进入它。

于 2010-04-06T16:49:55.923 回答