在线图像编辑器 - Ajax 还是 Flex / Flash？

Question

我正在计划建立一个在线图像编辑器，只提供基本功能。它应该（显然）包含一个画布工作区，并支持以下功能：
1. 从计算机上传图像或提交链接
2. 调整图像大小（通过拖动角落）
3. 旋转和翻转
4. 拖动/移动/平移
5. 分层（如果画布上有多个图像，则选择垂直顺序）
6. 非常重要：它应该能够使用简单的边缘检测进行一些背景删除。
我将使用的图片主要是时尚物品，因此如果其背景不是白色，我希望能够去掉背景。例如，自动将这个灰色背景变为白色： 点击查看图像 - T-Shirt Black BG

我想我的最佳起点是获取一些开源图像编辑器，然后只使用我需要的代码部分。我的问题是什么对我来说更好：Flash / Flex还是基于Javascript的编辑器。每种方法都有一些非常好的在线实现，如Sumopaint、Aviary和显然的Photoshop.net用于Flash以及JS的其他一些好的实现。

我应该使用Flash还是选择基于Javascript的解决方案？我的直觉是JS，因为HTML5即将到来。
此外，如果您推荐Javascript，请包括您喜欢的框架，以用于此类项目？

谢谢！

- yairgr

Answer 1

Ajax版本需要在服务器上使用像GD Library或ImageMagick这样的东西来处理图像。使用Flash或Flex，您可以在客户端进行图像处理，并且使用Flash Player 10，您可以利用Pixel Bender进行图像处理。我想这取决于您的图像大小。很有趣的是，在一些大型图像上进行基准测试，比较Flash和Ajax/PHP。

好问题。

- George Profenza

---

谢谢George... 小的跟进： 我的大部分图片都将从其他时尚网站导入。 我认为使用基于Ajax的解决方案将允许我保持图像格式（jpeg，gif...），而基于Flash的解决方案将需要转换为SWF。 有人告诉我自动转换为SWF可能会影响图像质量（像素化，模糊，改变颜色），建议手动处理（我无法做到） 其次：我需要Flash Media Server将图像转换为SWF，还是可以在客户端（Flash 10）上完成？ 谢谢！ - yairgr

没问题。为什么需要将图像转换为SWF？您可以在swf中加载图像，处理它们，将结果字节数组发送到服务器以将文件写入磁盘。至于多个图像格式，虽然as3中有GIF、PNG、BMP等库，但为什么要添加这个额外的层呢？当您可能不需要Ajax时，我理解您的观点。我认为您不需要Flas Media Server来将图像转换为SWF。我认为可以在as3中完成一些肮脏的字节数组操作，但使用PHP Ming库从PHP动态创建SWF可能更容易。为什么需要这样做呢？ - George Profenza

谢谢乔治...那么你的建议是什么？我的直觉告诉我应该选择Ajax。我想做类似于这样的东西：http://www.polyvore.com/cgi/app。你觉得呢？ - yairgr

我并不是在说要选择Flash还是选择Ajax，这对你并没有太大帮助。我只是建议进行一些常见任务的基准测试（例如真正基础的测试、背景删除400x400），看看Flash（客户端）或Ajax（服务器端图像处理）的速度如何，并且它对于你预测的最大用户规模的扩展性如何。如果性能方面的差异不是很大，我会选择Ajax，因为你可能会在SEO方面遇到更少的问题。然而，你的Ajax团队应该准备好解决每个浏览器可能出现的任何问题。我认为我不能肯定地回答是或否。 - George Profenza

做类似于polyvore.com/cgi/app的东西非常困难，我认为，因为在IE上尝试使其工作真的很混乱:(，所以有人有像polyvore团队那样做的技巧吗？日本人做得很好！！ - panchicore