实现客户端图像编辑器 - 最好的方法是什么？

Question

我们想要一个允许用户在浏览器上编辑图像的Web应用程序,我们正在尝试决定使用哪种技术.我们希望支持简单的图像自定义,例如高质量的大小调整,裁剪,图像合并和颜色转换,以及添加具有不同字体和颜色的文本元素.

目前的选择是:

1. Flash:不用担心跨浏览器的兼容性; 可以在客户端和服务器上使用相同的图像库; 没有iPhone/iPad支持.
2. Java(使用GWT编译为javascript):需要在纯Java中找到一个好的图像库,以便可以编译为JS.
3. 普通的旧javascript + HTML5:由于多个浏览器可能会很乱; 可能需要从头开始编写图像编辑代码.

以下是对我们最重要的/选择标准:

• 图像一致性:客户端在浏览器上编辑的图像必须与我们最终在后端使用的图像完全相同.我们可以通过(a)具有相同的库客户端和服务器来处理图像上,(b)具有在客户端生成该图像并将其上传到服务器上,或(c)使用在两个不同的图像处理库实现这一客户/服务器,并希望在一致性方面做到最好.选项(a)看起来最好,但只有使用Flash或Java/GWT才有可能.我们不喜欢选项(b)因为图像很大; 我们宁愿保存一系列操作来对原始图像执行,而不是保存多个转换后的图像.我们真的不知道选项(c)是否安全.
• 可伸缩性:我们希望客户端尽可能多地工作以减少服务器负载.
• 图像质量必须保持高水平
• 跨平台:我们希望尽可能多地支持平台,而无需重写所有内容(由于iPhone/iPad而对Flash造成很大的负面影响).

你推荐什么样的路径？我们有什么替代方案吗？

谢谢你的帮助!

Answer 1

绝对是Flash.如果你使用JavaScript和HTML5,你基本上会对所有IE用户说"搞砸".Flash的渲染引擎是这些东西不是浏览器会更快,而且速度会在所有浏览器保持一致.此外,闪存具有非常强大的图像操纵库内置,而在JavaScript中,你不得不自己编写.

编辑:因为我刚收到一个3岁的回答一downvote,我有义务说,这不再是真实的,你应该使用Web标准像<canvas>,因为他们几乎无处不在这些天.不要使用Flash.