用于自定义产品编辑器的HTML5框架

Question

我正在研究一个项目的几个html5框架，它在某些方面类似于iMakeMyCase编辑器。

必须实施的主要功能：

• 选择预定义的背景
• 使用拖放放置多个预定义元素
• 元素必须可调整大小，可旋转
• 撤消/重做
• 元素必须具有向前/向后（如图层）的能力
• 缩放整个画布（那可能很棘手......有什么建议吗？）
• 保存元素展示位置的能力
• 获得成品的.png预览（可以某种方式将画布捕捉到常规图像）

到目前为止我一直在讨论的框架：

卡布奇诺

看起来很有前途，用它制作的项目涵盖了我需要的90％的功能。我不确定ObjectiveJ虽然......

SproutCore的

我没有看到很多例子，但如果苹果用它制作了整个iCloud，那么肯定必须是强大的。但我觉得需要大量实施才能获得所需的功能。如果我错了，请纠正我。

easeljs

这些例子看起来很酷，如果你把它们结合起来，你几乎可以涵盖所有内容。可能是我现在最喜欢的。

您对这些框架有何看法，是否适合该项目？还有我错过的其他人吗？我们非常欢迎任何建议，帮助我选择合适的工具。

THX。

Answer 1

对于缩放功能，我发现了同样的问题here

对于图像的png预览，你可以做类似的事情

var canvas = document.getElementById("canvas");
var img    = canvas.toDataURL("image/png");
//here you got the png image show just create an element and show this preview there
document.write('<img src="'+img+'"/>');